防抖和节流：JavaScript性能优化利器

防抖和节流是两种常用的性能优化技术，用于限制函数的执行频率。它们的区别如下：\n\n1. 防抖（Debounce）：防抖是指在事件被触发后，延迟一定时间后才执行函数。如果在延迟时间内再次触发了该事件，则重新计时。简单来说，防抖会等待一段时间，如果在这段时间内没有再次触发事件，才会执行函数。防抖常用于对于频繁触发的事件，如窗口大小改变、搜索框输入等。\n\n2. 节流（Throttle）：节流是指在事件被触发后，一定时间内只执行一次函数。如果在这段时间内再次触发了该事件，则被忽略。简单来说，节流会限制函数的执行频率，保证一定时间内只执行一次。节流常用于对于高频触发的事件，如鼠标移动、页面滚动等。\n\n总结来说，防抖和节流都是为了限制函数的执行频率，防抖是在事件触发后延迟执行函数，节流是一定时间内只执行一次函数。两者适用的场景略有不同，需要根据具体情况选择使用哪种方式。