js 节流和防抖

函数防抖(debounce)：触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间。

函数节流(throttle)：高频事件触发，但在n秒内只会执行一次，所以节流会稀释函数的执行频率。

函数节流（throttle）与 函数防抖（debounce）都是为了限制函数的执行频次，以优化函数触发频率过高导致的响应速度跟不上触发频率，出现延迟，假死或卡顿的现象。

之前一直用的underscore里面自带的_.debounce和_.throttle,仔细研究了一下

一般情况： 像输入框的input事件和监听浏览器的页面变化 window.onresize用防抖，节流用于按钮点击事件等，防抖就是频繁触发，最后一次结束后隔多久执行，节流就是第一个触发执行一次，时间范围内再触发不执行，过了时间再执行

  debounceSelf(fn, time) {
    let timeout = null
    return function () {
      if (timeout !== null) {
        clearTimeout(timeout)
      }
      timeout = setTimeout(() => {
        fn.apply(this, arguments)
      }, time)
    }
  },
  throttleSelf(fn, time) {
    let timeout = null
    let last
    return function () {
      let now = +new Date()
      if (last && now - last < time) {
        clearTimeout(timeout)
        timeout = setTimeout(() => {
          fn.apply(this, arguments)
          last = now
        })
      } else {
        last = now
        fn.apply(this, arguments)
      }
    }
  }