定时器未清除会导致闭包滞留和内存泄漏；需检查useEffect清理函数缺失、条件启停不匹配、keep-alive误判及定时器ID过期等问题，并用Chrome Memory面板定位Detached DOM与闭包关联链。
看定时器是否还在运行，而对应组件或页面早已不可见
用户切换路由、关闭弹窗、切走浏览器 Tab 后，如果控制台仍持续打印日志、发起请求或更新状态，大概率是 setInterval 没被清除。这种“后台静默执行”是闭包滞留最直观的信号——回调函数还在跑，它捕获的整个作用域（包括组件 state、ref、DOM 节点、大型数据）就无法被垃圾回收。
用 Chrome Memory 面板抓取 Detached DOM + Closure 关联链
打开 DevTools → Memory 面板 → 拍摄堆快照（Heap Snapshot）→ 在筛选框输入 (closure) → 找到占用内存较大的闭包项 → 点开它的 Retainers 标签页：
- 若看到路径为 Timer → Callback → Closure → DOM element，说明定时器回调正强引用着已从文档中移除的节点
- 若路径含 Window → global variable → Timer → Closure → large array / component instance，说明闭包把本该随组件卸载释放的对象锁死了
- 对比操作前后的快照，重点观察 Closure 和 Detached DOM tree 类别是否明显增长
检查代码中定时器启动与清理是否成对、时机是否准确
以下写法极易导致闭包滞留，需逐行核对：
-
useEffect 清理函数缺失或依赖项错误：比如写了
useEffect(() => { const id = setInterval(...); }, [])，但没返回清除函数 -
在条件分支或异步回调里启停定时器：例如只在
if (loading) { setInterval(...) }中启动，却没在else或finally里清理 - 使用 keep-alive 或路由缓存时误判生命周期：组件未销毁，但视图已隐藏，此时轮询应暂停而非继续执行
-
定时器 ID 被闭包捕获了过期值：比如在 useEffect 内部多次调用
setInterval，但清理时只清除了最后一次的 ID，前面的仍在运行
验证闭包是否意外持有大对象引用
审查 setInterval 回调函数体，重点关注它是否直接访问了以下内容：
- 整个组件实例（如
this.state、props、ref.current）而非仅需的字段 - 未做浅拷贝的大数组或嵌套对象（如
dataList、chartConfig） - 通过
document.getElementById或querySelector获取后长期持有的 DOM 节点 - WebSocket 实例、Canvas 上下文、音频/视频元素等重型资源
只要这些对象被闭包捕获，且定时器未停，它们就会一直驻留在内存中。
