首页 > Web开发 > 详细

js函数只触发一次

时间:2019-01-27 23:34:51      阅读:190      评论:0      收藏:0      [点我收藏+]

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

js函数只触发一次

原文:https://www.cnblogs.com/qdjl/p/10328044.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!