消抖（Debounce）是一种在编程中常用的技术，主要用于减少连续触发的事件或函数调用的频率。它可以防止函数的过度执行，提高程序的性能和响应速度。
以下是一个简单的 JavaScript 实现：
```javascript function debounce(func, wait) { let timeout;
return function(...args) { const context = this;
clearTimeout(timeout);
timeout = setTimeout(() => {
func.apply(context, args);
}, wait);
}; } ```
在上述代码中，debounce 函数接受两个参数：一个是要进行防抖处理的函数 func，另一个是延迟执行的时间 wait（以毫秒为单位）。
debounce 函数返回一个新的函数，这个新函数在被调用时会先取消之前可能正在执行的 func 函数（如果存在），然后等待 wait 时间后再次执行 func 函数。
使用示例：
```javascript // 假设有一个处理输入框输入事件的函数 handleInput function handleInput(event) { console.log('Input value:', event.target.value); }
// 创建一个防抖版本的 handleInput 函数 const debouncedHandleInput = debounce(handleInput, 300);
// 将防抖版本的 handleInput 函数绑定到输入框的 input 事件上 const inputElement = document.getElementById('input'); inputElement.addEventListener('input', debouncedHandleInput); ```
在上述示例中，当用户在输入框中输入内容时，handleInput 函数不会立即执行，而是会被防抖版本的 debouncedHandleInput 函数延迟执行。这样可以避免在用户快速输入时频繁触发事件处理函数，提高程序的性能和响应速度。
