节流 和 防抖

节流 :

 N 秒内只运行一次，若在 N 秒内 重复触发，只有 一次生效

防抖 :

 N 秒后在执行该事件，若在 N 秒内被 重复触发，则 重新计时

// ------------------------   节流 ， 时间戳版
    function throttle(fn, wait) {
      let previous = 0
      return function () {
        let now = Date.now()
        let _this = this
        let args = arguments
        if (now - previous > wait) {
          fn.apply(_this, arguments)
          previous = now
        }
      }
    }
 
    // ----------------------   节流 ， 定时器版
    function throttle2(fn, wait) {
      let timer
      return function () {
        let _this = this
        let args = arguments
        if (!timer) {
          timer = setTimeout(() => {
            timer = null
            fn.apply(_this, arguments)
          }, wait);
        }
      }
    }

// --------------------------------    防抖函数
    function debounce(func, delay) {
      let timeout
      return function () {
        let arg = arguments
        if (timeout) clearTimeout(timeout)
        timeout = setTimeout(() => {
          func(arg)
        }, delay);
      }
    }
 
// -------------------------------    立即执行防抖函数
    function debounce2(fn, delay) {
      let timer
 
      return function () {
        let args = arguments
        if (timer) clearTimeout(timer)
 
        let callNow = !timer
        timer = setTimeout(() => {
          timer = null
        }, delay);
        if (callNow) { fn(args) }
      }
    }
// --------------------------------    立即执行防抖函数 + 普通防抖
    function debounce3(fn, delay, immediate) {
      let timer
 
      return function () {
        let args = arguments
        let _this = this
        if (timer) clearTimeout(timer)
 
        if (immediate) {
          let callNow = !timer
          timer = setTimeout(() => {
            timer = null
          }, delay);
 
          if (callNow) { fn.apply(_this, args) }
        } else {
          timeout = setTimeout(() => {
            func.apply(_this, arguments)
          }, delay);
        }
      }
    }