防抖和节流的实现与区别?

防抖和节流都是优化高频触发事件的技术，防抖是在事件触发后等待一段时间再执行，如果在这段时间内没有再次触发事件才执行；节流是每隔固定时间执行一次，不管事件触发多频繁。

区别

防抖：像电梯关门，有人按开门键就重新计时。适合搜索框输入、按钮点击等场景，避免重复操作。比如输入框打字时，停止输入300毫秒后才搜索，避免频繁请求。用户快速打字时，只会在最后触发一次。

节流：像公交车发车，每10分钟一班，不管多少人等。适合滚动事件、动画等场景，控制执行频率。比如页面滚动时，每200毫秒更新一次位置，避免卡顿。用户快速滚动页面，也能保持流畅体验。