JS测试中setTimeout必须显式清除，推荐用Jest fake timers：启用jest.useFakeTimers()，用jest.runAllTimers()触发回调，jest.clearAllTimers()清理；手动清除需保存ID并在afterEach调用clearTimeout。
在 JS 项目测试中，setTimeout 定时器必须显式清除，否则可能造成测试污染、内存泄漏或断言失败。核心方法是：**保存定时器 ID，并在测试结束前调用 clearTimeout；更推荐的方式是使用 Jest 的模拟计时器（fake timers）统一控制。**
手动保存并清除定时器 ID
适用于简单逻辑或非 Jest 环境（如原生 Node.js 测试）：
- 调用
setTimeout时，把返回的 ID 存到变量或组件实例属性中（如this.timerId = setTimeout(...)） - 在
beforeEach或afterEach钩子中检查 ID 是否存在，存在则调用clearTimeout(timerId) - 若定时器在异步函数中创建（如 Promise 回调内），需确保清除时机在它被设置之后、下次测试开始之前
使用 Jest 的 fake timers（推荐）
Jest 内置了可完全控制的计时器模拟系统，能避免真实等待、精准触发回调：
- 在测试文件顶部或
beforeEach中启用：jest.useFakeTimers() - 触发定时器回调：用
jest.runAllTimers()（立即执行所有待处理定时器）或jest.advanceTimersByTime(ms)（推进指定毫秒） - 清空所有待处理定时器：
jest.clearAllTimers()（通常放在afterEach） - 注意：启用 fake timers 后，真实的
setTimeout/setInterval会被自动替换，无需修改业务代码
React 组件中常见场景处理
比如组件内用 useEffect 设置了防抖或延迟请求：
- 在
useEffect清理函数中调用clearTimeout，确保组件卸载时清理 - 测试时，渲染组件 → 触发相关事件 → 调用
jest.runAllTimers()→ 断言副作用是否发生 - 若使用
@testing-library/react，配合waitFor+ fake timers 更可靠，例如：await waitFor(() => expect(fetch).toHaveBeenCalledTimes(1))
避免常见陷阱
有些写法看似清除，实则无效：
- ❌ 在测试里直接写
clearTimeout(setTimeout(...))——setTimeout返回值立刻被清除，回调根本不会执行 - ❌ 没有重置 fake timers，导致后续测试的定时器状态残留（建议每个测试文件开头加
jest.useFakeTimers()，结尾加jest.clearAllTimers()） - ❌ 使用箭头函数定义定时器回调且未绑定上下文，导致
this.timerId无法访问（类组件中注意 this 指向）
