函数防抖&函数节流

参考：https://juejin.im/post/6844904120432721933

函数防抖

在事件被触发 n 秒后再执行回调，如果在这 n 秒内事件又被触发，则重新计时。

/** 将普通函数包裹一层 */
function debounce(fn, wait) {
  var timer = null
  return function() {
    var context = this
    var args = arguments

    if (timer) {
      clearTimeout(timer)
      timer = null
    }

    timer = setTimeout(() => {
      fn.apply(context, args)
    }, wait)
  }
}

函数节流：

规定一个单位时间，在这个单位时间内，只能有一次触发事件的回调函数执行，
如果在同一个单位时间内某事件被触发多次，只有一次能生效。

function throttle(fn, delay) {
  var preTime = Date.now()

  return function() {
    var context = this
    var args = arguments
    var nowTime = Date.now()

    if (nowTime - preTime >= delay) {
      preTime = Date.now()
      return fn.apply(context, args)
    }
  }
}