防抖与节流函数

    debounce(fn, delay, immdiate = false, resultCallback) {
      let timer = null
      let isInvoke = false
      function _debounce(...arg) {
        if (timer) clearTimeout(timer)
        if (immdiate && !isInvoke) {
          const result = fn.apply(this, arg)
          if (resultCallback && typeof resultCallback === 'function') resultCallback(result)
          isInvoke = true
        } else {
          timer = setTimeout(() => {
            const result = fn.apply(this, arg)
            if (resultCallback && typeof resultCallback === 'function') resultCallback(result)
            isInvoke = false
            timer = null
          }, delay)
        }
      }

      _debounce.cancel = function() {
        if (timer) clearTimeout(timer)
        timer = null
        isInvoke = false
      }
      return _debounce
    },

使用方法

const inputChange = function () {
  console.log("输入框发生变化")
  return "想不到吧，产品经理让你得到我的返回值"
}

const debounceChange = debounce(inputChange, 3000, false, (res) => {
  console.log("fn的返回值是:" + res);
})

inputDom.addEventListener('input', debounceChange)