在vue中使用防抖和节流,防止重复点击或重复上拉

/
  函数防抖 (只执行一次点击)
  @param fn
  @param delay
  @returns {Function}
  @constructor
 /
export const Debounce = (fn, t) => {
  let delay = t || 500;
  let timer;
  console.log(fn)
  console.log(typeof fn)
  return function () {
    let args = arguments;
    if(timer){
      clearTimeout(timer);
    }
    timer = setTimeout(() => {
      timer = null;
      fn.apply(this, args);
    }, delay);
  }
};
/
  函数节流
  @param fn
  @param interval
  @returns {Function}
  @constructor
 /
export const Throttle = (fn, t) => {
  let last;
  let timer;
  let interval = t || 500;
  return function () {
    let args = arguments;
    let now = +new Date();
    if (last && now - last < interval) {
      clearTimeout(timer);
      timer = setTimeout(() => {
        last = now;
        fn.apply(this, args);
      }, interval);
    } else {
      last = now;
      fn.apply(this, args);
    }
  }
};

...
methods:{
 getAliyunData:Throttle(function(){
 ...
 },1000),
}
...