节流与防抖(都是简单版

// 防抖；在一定时间内没有第二次触发某个事件，这个事件才会执行，
// 如果在一定时间内多次触发，就会从头开始计算时间，到设定的时间后再次出发
// 在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。

function debounce(func, wait) {
  let timeout = null
  return function () {
    clearTimeout(timeout)
    timeout = setTimeout(() => {
      fn.apply(this, arguments)
    }, wait)
  }
}

// 高频事件触发，但在n秒内只会执行一次，所以节流会稀释函数的执行频率
// 规定在一个单位时间内，只能触发一次函数。如果这个单位时间内触发多次函数，
// 只有一次生效。
function throttle(fn, wait) {
  let canRun = true

  return function() {
    if(!canRun) return
    canRun = false
    setTimeout(() => {
      fn.apply(this, arguments)
      canRun = false
    }, wait)
  }
}