防抖和节流

防抖（Debounce）和节流（Throttle）是前端开发中用于控制函数执行频率的两种关键技术，主要用于优化性能，减少事件处理的频繁调用。‌12

‌防抖的核心思想是“延迟执行”，‌ 即在事件被频繁触发时，只执行最后一次操作。具体来说，它会设置一个延迟时间，如果在延迟时间内事件再次触发，之前的计时会被取消并重新开始；只有当事件停止触发并经过指定延迟后，函数才会执行。这种机制适用于用户输入完成后才响应的场景，例如搜索框自动补全：用户输入时不会立即发送请求，而是等待输入暂停后才查询，避免了每次按键都发起网络请求。‌12

‌节流的核心思想是“固定频率执行”，‌ 即无论事件触发多么频繁，函数都会在固定时间间隔内执行一次。它通过一个标志位来控制，在间隔时间内忽略后续触发，确保函数执行不会过于密集。这种机制适用于需要稳定响应但无需高频处理的场景，例如页面滚动加载：监听滚动事件时，设置每秒最多执行一次，以减少DOM操作和渲染负担。‌12

‌两者的主要区别在于执行时机和适用场景：‌ 防抖强调“最后一次触发”，适合输入验证、搜索查询等需要等待用户输入结束的场景；节流强调“固定间隔”，适合鼠标移动、窗口缩放等需要稳定响应的场景。‌12 在实现上，防抖通常使用setTimeout和clearTimeout来管理延迟，而节流可以基于标志位或时间戳来限制执行频率。‌1