常见应用场景：
window的 resize 和 scroll 事件；
文字输入时的 keyup 事件；
元素拖拽、移动时的 mousemove 事件；
防抖定义：多次触发事件后，事件处理函数只执行一次，并且是在触发操作结束时执行
原理：对处理函数进行延时操作，若设定的延时到来之前，再次触发事件，则清除上一次的延时操作定时器，重新定时。
经典案例：百度输入内容自动搜索
/** *防抖函数 *@param fn 事件触发的操作 *@param delay 多少毫秒内连续触发事件，不会执行 *@returns {Function} */ function debounce(fn,delay){ let timer = null; return function(){ let self = this, args = arguments; timer && clearTimeout(timer); timer = setTimeout(function(){ fn.apply(self,args); },delay); } } window.onscroll = debounce(function(){ let scrollTop = document.body.scrollTop || document.documentElement.scrollTop; console.log(scrollTop) },200)