首頁 > web前端 > js教程 > 让js中的函数只有一次有效调用的三种常用方法

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

PHPz
發布: 2018-10-10 16:00:16
轉載
1846 人瀏覽過

如何让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来控制后面的调用。

 <script>
        window.onload = function () {            var flag = true;            function once() {                if (flag) {
                    alert("我被调用");
                    flag = false;
                } else {                    return;
                }
            }
            once();
            once();
        }    </script>
登入後複製

 更多相关教程请访问 JavaScript视频教程

相關標籤:
來源:csdn.net
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板