节流和防抖

防抖函数
事件被触发后n秒后再执行回调函数，如果在这n秒内又重新触发，则还是延迟n秒后执行回调（重新计时）

  function debounce(func, delay) {
    let timer
    return function (...args) {
      if (timer) {
        clearTimeout(timer)
      }
      timer = setTimeout(() => {
        func.apply(this, args)
      }, delay);
    }
  }

节流
函数节流 throttle 规定在一个单位时间内 只能触发一次函数，如果这个单位时间内触发多次函数，只有一次生效

  function throttle(func, delay) {
    let end, timer
    return function (args) {
      let now = +new Date()
      // if 中的settimeout是保证最后一次触发事件也能够调用，所以每次执行没到时间间隔先清除timer,在重新启动timer,达到间隔时间执行函数
      if (end && now < end + delay) {
        clearTimeout(timer)
        timer = setTimeout(() => {
          end = now
          func(args)
        }, delay);
      } else {
        end = now
        func(args)
      }
    }
  }