防抖 与 节流 函数

//防抖函数
AntiShake(){
  clearTimeout(this.isAntiShake);
  this.isAntiShake = setTimeout(()=>{
    this.$get(this.cloud_api) .then(res=>{
      if(res.code == 200){
        console.log(res.data);
      }
    })
  },1000);
},

//封装版
      function debounce(fn,wait){
            var timer;
            return function(){
                var self = this;
                clearTimeout(timer);

                timer = setTimeout(function(){
                    fn.apply(self)
                },wait);
            }
        }

//节流函数
Throttling(){
  if(this.isThrottling){
    return
  };
  this.isThrottling = true;
    setTimeout(()=>{
      this.$get(this.cloud_api).then(res=>{
        if(res.code == 200){
          this.isThrottling = false;
          console.log(res.data);
        }
      })
  },1000);
},

//封装版
      function throttle(fn,wait){
            var pre = 0;
            return function(){
                var self = this;
                var now = +new Date();

                if(now - pre > wait){
                    fn.apply(self);
                    pre = now;
                }
            }
        }
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。