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

如何让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
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值