防抖函数通过每次输入清除旧定时器并重设新定时器，确保只执行最后一次搜索；需结合空值校验、组件卸载清理及输入预判以避免无效请求和内存泄漏。
直接用防抖函数包裹搜索逻辑，等用户停顿后再发请求，避免每敲一个字就调一次 API。
防抖函数怎么写
核心是每次输入都清除旧定时器、重设新定时器，只保留最后一次触发的执行机会：
- 用 setTimeout 延迟执行搜索函数
- 每次触发前先 clearTimeout 上次未执行的定时器
- 确保 this 和参数正确传递，用 fn.apply(this, args)
怎么接入输入框事件
别直接监听 input 就发请求，而是把搜索动作交给防抖后的函数：
- 定义原始搜索函数，比如 fetchSearchResults(keyword)
- 用 debounce(fetchSearchResults, 300) 包装成防抖版本
- 在 input 事件里调用它，传入当前输入值
实际使用要注意什么
光套个防抖还不够，几个关键点容易被忽略：
立即学习“Java免费学习笔记（深入）”；
- 空字符串或长度过短时提前 return，避免无效请求
- 组件卸载（如 React unmount）时清除定时器，防止 this 指向失效或内存泄漏
- 搜索前可加简单预判：比如 keyword.trim().length 就不执行
要不要加立即执行？
一般搜索不需要。但如果是“搜索按钮点击”，可以启用 immediate: true 版本，首次点击立刻查，后续连续点击才防抖。输入框场景保持默认延迟执行更合理。
