前端手写系列-手写防抖，节流函数

函数防抖：最后一个事件结束后n秒后，再执行回调。如果这n秒内再有事件被触发，则重新开始计时

function debounce(fn, wait) {
  let timer = null;
  return function() {
    const context = this;
    // 如果此时存在定时器，则清掉定时器，重新计时
    if (timer) {
      clearTimeout(timer);
    }
    timer = setTimeout(() => {
      fn.apply(context, arguments);
    }, wait);
  }
}

函数节流：单位时间内，只能有一次回调函数执行，如果在同一个单位时间内某事件被多次触发，只能有一次生效

function throttle(fn, delay) {
  let prev = Date.now();
  return function() {
    const context = this;
    const curr = Date.now()
    if (curr - prev >= delay) {
      prev = curr;
      return fn.apply(context, arguments);
    }
  }
}