让js中的函数只有一次有效调用的三种常用方法
来源:互联网 发布:如何选择理财产品 知乎 编辑:程序博客网 时间:2024/06/06 14:12
如何让js中的函数只被执行一次?我们有时候会有这种需求,即让一个函数只执行一次,第二次调用不会返回任何有价值的值,也不会报错。下面将通过三个小demo展示使用的方法,当做个人笔记。
1.通过闭包来实现。
<script> window.onload = function () { function once(fn) { var result; return function() { if(fn) { result = fn.apply(this, arguments); fn = null; } return result; }; } var callOnce = once(function() { console.log('javascript'); }); callOnce(); // javascript callOnce(); // null } </script>
2.第一次调用后,把func函数值空。func= function(){};
<script> var func = function () { alert("正常调用"); func= function(){}; } func(); func(); </script>
3.设置一个值,通过boolean来控制后面的调用。flag
<script> window.onload = function () { var flag = true; function once() { if (flag) { alert("我被调用"); flag = false; } else { return; } } once(); once(); } </script>
阅读全文
0 0
- 让js中的函数只有一次有效调用的三种常用方法
- 让js中的函数只有一次有效调用的三种常用方法
- js中的4种函数调用模式:函数调用、方法调用、构造器调用、间接调用
- 网页中JS函数自动执行常用三种方法
- JS函数调用的四种方法
- JS函数调用的四种方法
- JS函数调用的四种方法
- JS 调用函数的5种方法
- JS函数调用的四种方法
- JS函数调用的四种方法
- JS函数调用的四种方法
- JS函数调用的四种方法
- js函数调用的四种方法
- JS函数调用的四种方法
- 【JS】Js中函数的三种调用方式
- ASP.NET后台调用前台JS函数的三种常见方法
- js定义函数的三种方法
- js调用函数的方法
- Swing学习----------QQ登录界面制作(二)
- Spring Boot第二弹:Spring Boot热插拔
- 有趣的安全游戏--哈密顿行动(四)突破程序的锁
- Oracle 12c Windows安装、介绍及简单使用(图文)
- Java中的一对一关联关系(二)
- 让js中的函数只有一次有效调用的三种常用方法
- GPUImage学习日记(4)之添加文字水印
- 第2周项目3(1)-体验复杂度之两种排序算法的运行时间
- Delphi常用数据类型
- 使用两种不同配置的K近邻回归模型对美国波士顿房价数据进行回归预测
- 刻录光盘
- echart 柱状图饼图调用后台数据
- 代码重构(二):类重构规则
- 使用高德地图Web服务-POI搜索