js防抖函数

js防抖函数

防止函数在一定时间内触发第二次，场景：1、用户在频繁点击某个按钮，需要防止事件多次触发；2、监听鼠标滚动触发某个事件，但又不能太频繁触发某个事件

debounce(func, delay, immediate = false) {
      let timer
      return function (...args) {
        if (timer) {
          clearTimeout(timer)
        }
        if (immediate) {
          if (!timer) {
            func.apply(this, args)
          }
          timer = setTimeout(() => {
            timer = null
          }, delay)
        } else {
          timer = setTimeout(() => {
            func.apply(this, args)
          }, delay)
        }
      }
    }