学习笔记——防抖与节流

面试中常考问题，同时在处理键盘输入与鼠标滑动时，常常使用。

1.防抖

将多次操作变为一次操作。应用场景：监听键盘输入事件。

function antiShake(fn, time) {
    let timer = null
    return function (...args) {
      if (timer) clearTimeout(timer)
      timer = setTimeout(() => {
    	fn(...args)
      }, time)
    }
}

antiShake(demo, 1000)

2.节流

保证一定时间内，只调用一次出来函数。应用场景：提交表单，高频的监听事件。

function throttle(fn, time) {
    let timer = null
    return function (...args) {
      if (!timer) {
        timer = setTimeout(() => {
          fn(...args)
          timer = null
        }, time)
      }
    }
}

throttle(demo, 1000)