防抖 与 节流 函数

//防抖函数
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;
                }
            }
        }

你可能感兴趣的:(防抖 与 节流 函数)