主动切断JS对定时器和DOM节点的引用是内存管理核心：定时器需用Set统一管理并显式清除；DOM移除后须手动置null；框架中应绑定生命周期自动清理。
清理遗忘的定时器和 DOM 节点引用，核心是主动切断 JavaScript 对这些资源的持有关系。浏览器不会自动释放仍被变量、闭包或集合引用的对象，哪怕它们已从页面移除或不再需要。
定时器必须显式清除
只要 setInterval 或 setTimeout 的回调还在运行，它就持续持有对外部变量的引用，相关内存无法回收。
- 每次创建定时器时，保存其返回的 ID（数字），不要丢弃
- 在确定不再需要时，立即调用
clearInterval(id)或clearTimeout(id) - 避免只靠“页面跳转”或“组件销毁”来指望自动清理——JS 引擎不感知业务逻辑
- 若存在多个定时器，推荐用
Set统一管理 ID：
const timerIds = new Set();
timerIds.add(setInterval(() => {...}, 1000));
function clearAll() { timerIds.forEach(clearInterval); timerIds.clear(); }
DOM 引用要手动置空
调用 removeChild() 或 element.remove() 只是从文档树中移除节点，不影响 JS 变量对它的引用。只要还有变量指向它，整个 DOM 节点及其子树、绑定的事件监听器（若未被 GC）都会留在内存里。
Java Development Man
下载
Java开发手册规约集合，基于阿里巴巴Java开发手册（嵩山版）。 涵盖7大维度：编程规约、异常日志、单元测试、安全规约、MySQL数据库、工程结构、设计规约。
- 移除节点后，检查是否还存在 JS 变量、对象属性、闭包等持有该节点引用
- 及时将对应引用设为
null或从对象中delete掉：
const el = document.getElementById('myDiv');
document.body.removeChild(el);
el = null; // 关键一步 - 如果节点被存进某个缓存对象（如
{ button: ..., div: ... }），移除后也要同步清理该属性
结合生命周期自动清理更可靠
在 React、Vue 等框架中，不应依赖人工记忆去清理，而应把清理逻辑绑定到组件卸载或状态退出时机。
立即学习“Java免费学习笔记（深入）”；
- React 中，在
useEffect的清理函数里清除当前 effect 创建的定时器 - Vue 中，使用
onBeforeUnmount或beforeDestroy钩子执行清理 - 自定义 Hook 封装定时器逻辑时，内部统一处理创建与清除，对外暴露可控接口
注意边界情况
有些场景容易误以为“已经安全”，实则仍有隐式引用：
- 匿名函数作为事件监听器时，若通过
element.addEventListener添加，又用element.remove()移除元素，大多数现代浏览器能自动回收——但前提是没有其他变量再引用该元素或该函数 - 使用
console.log(element)调试后忘记删掉，可能让开发者工具保持强引用，阻碍 GC（尤其在 Chrome DevTools 打开时） - 定时器回调中用了
this或外层class实例，清除定时器后若实例本身还存活，也可能间接保留大量数据
