- 防抖（debounce） 在触发事件后 N 秒后才执行函数，如果在 N 秒内又触发了函数，则重新进行计时。 **应用场景：** 输入框进行输入实时搜索、页面触发resize事件的时候。 **手写：** ~~~ function debounce(fn, wait) { var timer = null return () => { clearTimeout(timer); timer = setTimeout(fn, wait) } } ~~~ ***** - 节流（throttle） 在规定的一个单位时间内，只触发一次函数，如果单位时间内触发多次函数，只有一次生效。 **应用场景：** 页面滚动事件。 **手写：** ~~~ function throttle(fn, wait) { var timer = null; return () => { if(!timer) { timer = setTimeout(() => { timer = null; fn() }, wait) } } } ~~~ [内容转载于掘金](https://juejin.cn/post/6979778428505423886#heading-4)