防抖节流常见报错源于this丢失、timer未清理、执行时机错乱三类问题：this丢失导致undefined报错；timer未闭包保存或未清除致执行异常；组件卸载后定时器仍触发引发内存泄漏或更新错误。
记防抖节流的常见报错，不用死背错误信息，关键抓住三类典型问题：this 丢失、timer 未清理、执行时机错乱。对应到代码里，就是三个最常踩的坑。
this 指向不对，报错如 "Cannot read property 'xxx' of undefined"
这是最隐蔽也最常发生的。比如你在事件监听里直接传入防抖函数：input.addEventListener('input', debounce(handleSearch))
如果 handleSearch 内部用了 this.xxx 或调用了某个对象方法，运行时就会报 this 是 undefined。
解决办法：
- 在防抖/节流内部用 func.apply(this, arguments) 或 func.call(this, ...arguments) 显式绑定上下文
- 或者改用箭头函数包装时注意：箭头函数不绑定 this，得靠外层作用域提供——所以别在箭头函数里直接写 debounce(() => {...}) 并依赖 this
多次触发后函数不执行，或执行次数异常
典型表现：滚动/输入好几次，但控制台只打印一次，或完全不打印；又或者本该防抖却每次都在执行。
根本原因通常是：
- 防抖中 timer 变量没用闭包保存（比如声明在函数体外或重复初始化）
- 节流中用定时器版但没处理“执行时间 > 间隔”的情况，导致漏调或堆积
- 忘了清空旧 timer，新定时器覆盖失败，旧的还在跑
快速自查：
- 看你防抖函数里有没有 let timer（必须是闭包内变量）
- 节流优先选时间戳版：if (Date.now() - last >= wait) { fn(); last = Date.now(); }，逻辑直白不易错
组件卸载后 still trying to update（React 场景）或内存泄漏
比如 React 组件 unmount 后，防抖的 setTimeout 还在计时，最终执行时试图更新已销毁的 state，报 Can't perform a React state update on an unmounted component。
这不是防抖本身错，而是没做清理。
必须加 cancel 方法：
- 防抖函数返回的对象上挂 cancel()，内部 clearTimeout(timer)
- 在 useEffect cleanup、Vue 的 beforeUnmount 或原生 removeEventListener 前调用它
- 示例：const debounced = debounce(fn, 300); useEffect(() => () => debounced.cancel(), [])
本质上，这些报错不是语法错误，而是逻辑疏漏。盯住 this、timer、生命周期这三个关键词，比记错误字符串管用得多。
