removeChild仅断开DOM连接，不自动销毁节点；需清除事件监听器、解除JS引用并置空变量才能触发垃圾回收，现代可用child.remove()替代但清理步骤不可省略。
用 removeChild 移除子节点本身不会“彻底销毁”它，只是从 DOM 树中断开连接；真正让节点被垃圾回收的关键是确保它不再被任何 JavaScript 变量、闭包或事件监听器引用。
先正确调用 removeChild
removeChild 必须在父节点上调用，并传入要移除的子节点引用：
- 不能对已脱离 DOM 的节点重复调用（会报错：“The node to be removed is not a child of this node”）
- 推荐写法：先检查是否存在再移除
示例：
const parent = document.getElementById('container');
const child = document.getElementById('item');
if (child && child.parentNode === parent) {
parent.removeChild(child);
}
清除事件监听器（最容易遗漏）
如果节点上绑定了事件监听器（尤其是使用匿名函数或未保存 handler 引用），即使节点被移除，监听器仍可能持有所属作用域的引用，阻止 GC。
立即学习“Java免费学习笔记（深入）”；
- 使用
addEventListener时，尽量用具名函数或保存 handler 引用 - 移除前务必调用
removeEventListener - 或改用事件委托，避免在动态节点上直接绑定
错误示范：
Alibabacloud Sdk Client Initialization For Java
下载
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
btn.addEventListener('click', () => { console.log('leaked'); }); // 匿名函数无法移除
正确做法：
function handleClick() { console.log('safe'); }
btn.addEventListener('click', handleClick);
// ...之后
btn.removeEventListener('click', handleClick);
解除其他 JS 引用
除了 DOM 和事件，还要检查是否还有以下引用残留：
- 全局变量或模块级变量持有该节点（如
window.cachedNode = child） - 闭包中捕获了该节点（比如定时器、Promise 回调、对象属性）
- 第三方库缓存（如 jQuery 的
.data()、某些 UI 组件内部引用）
移除后可主动置空关键引用：
child = null; // 帮助引擎识别可回收
现代替代方案更简洁安全
如果目标浏览器支持（基本全兼容），推荐用更直观的 node.remove()：
- 无需获取父节点，直接调用：
child.remove(); - 语义清晰，且行为与
removeChild一致（同样不自动清理引用） - 配合
child.replaceWith()或child.before()等方法更灵活
注意：这些新方法也不自动解绑事件或清空引用，该做的清理一步都不能少。
