有网友碰到这样的问题“JS中的防抖跟节流(Debounce&Throttle)”。小编为您整理了以下解决方案，希望对您有帮助：
解决方案1：
在处理事件如窗口的resize、scroll或输入框的change、click等时，事件处理函数的频繁调用会加重浏览器负担。为优化用户体验，可利用防抖(debounce)和节流(throttle)技巧减少调用频率。
函数防抖(debounce)设计原理在于，当事件持续触发时，仅在该事件持续时间内没有再次触发，才会执行一次事件处理函数。若事件在此延时期间内再次触发，该延时将被重置。具体示例中，即使点击事件持续触发，debounce函数直到1000毫秒内无点击事件后才执行一次。
函数节流(throttle)则确保在持续触发事件时，仅在一定时间间隔内执行一次事件处理函数。例如，用户持续点击，throttle函数会在每1000毫秒间隔后执行一次，以此控制事件处理的频率。
总结，防抖(debounce)和节流(throttle)在优化事件处理效率上作用显著。例如，在输入框中输入后触发接口获取联想词的场景中，防抖(debounce)确保用户输入完毕一段时间后才调用接口，减少频繁调用的负面影响。在懒加载场景中，节流(throttle)通过控制按时间间隔获取滚动条位置，有效减少资源的无谓加载。