让js中的函数只有一次有效调用的三种常用方法

来源:互联网 发布:编写java 用什么软件 编辑:程序博客网 时间:2024/06/06 12:35

  如何让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>