函数的防抖和节流

/*
　　防抖函数
　　@param {Function} func 要执行的函数
　　@param {Number} wait 要等待的时间 ms
*/
function debounce(func, wait) {
  let timer = null;
  return function () {
    let context = this;
    let args = arguments;

    timer && clearTimeout(timer);
    timer = setTimeout(() => {
      func.apply(context, args)
    }, wait);
  }
}

// 使用方法

/*
　　节流函数
　　@param {Function} func 要执行的函数
　　@param {Number} wait 要等待的时间 ms
*/
function throttle(func, wait) {
  // 记录上一次函数触发的时间
  let lastTime = 0;
  return function () {
    let nowTime = Date.now();
    let context = this;
    let args = arguments;
    if (nowTime - lastTime > wait) {
      // 修正this指向
      func.apply(context, args);
      lastTime = nowTime;
    }
  }
};

// 使用方法
document.onmousemove = throttle(function () {
  console.log(‘函数触发了？‘)
}, 200);