【js】-【节流、防抖函数】

1 函数节流throttle

throttle.js创建一个节流函数，在 wait 毫秒内最多执行 callback 一次

 function throttle(fn, wait) {
    
  # 定义开始时间
  let start = 0;
  
  # 返回结果是一个函数
  return function (e) {
    
    // 获取当前时间戳
    let now = Date.now();
    // 判断
    if (now - start >= wait) {
    
      // 修正this指向问题
      fn.call(this, e);
      // 修改开始时间
      start = now
    }
  }
}

这种方法，可以保证第一次一定被触发，后面就是间隔指定时间触发一次

2 函数防抖debounce

function debounce(fn, time) {
    
  # 定时器变量
  var timeId = null;
  
  // 返回一个函数
  return function () {
    
    # 清空定时器
    clearTimeout(timeId);

    # 重新启动定时器
    timeId = setTimeout(() => {
    
      fn.apply(this);
    }, time);
  };
}