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

时间:2021-10-10 11:03:19

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>

版权声明: 本文有 ```...裥簞點 发表于 bloghome博客

转载声明: 可*转载、引用,但需要属名作者且注明文章出处。

文章链接: https://www.bloghome.com.cn/user/yysblog