弹窗隐藏不释放资源，需主动清理dom引用、事件监听器、定时器等；确认是否真卸载、解绑资源、切断闭包引用，并用weakmap管理状态防内存泄漏。
隐藏弹窗本身不释放资源，真正要清理的是它背后持有的 DOM 引用、事件监听器、定时器、网络连接等。JavaScript 不会因为元素 display: none 或从 DOM 移除就自动断开这些强引用——只要还有代码在“盯着”它，GC 就不会回收。
先确认弹窗是否真被卸载
很多“隐藏弹窗”只是视觉隐藏（visibility: hidden、opacity: 0 或 class 切换），但 DOM 节点仍在 document 中，且 JS 变量仍持有对它的引用（比如 const modal = document.getElementById('xxx')）。这种情况下，所有绑定的事件、计时器、动画帧都照常运行。
- 检查是否真的调用了
removeChild()、el.remove()或清空父容器 innerHTML - 确认没有全局或模块级变量持续引用该弹窗节点或其子元素（如
window.currentModal） - 使用 Chrome DevTools 的 Elements 面板搜索弹窗 ID，看是否还存在于 DOM 树中
在关闭/隐藏逻辑里主动解绑关键资源
把清理动作集中写在弹窗关闭函数中（不要依赖 finally，除非你在 try/catch 内部显式控制弹窗生命周期）：
-
移除事件监听器：用命名函数注册，确保能精准
removeEventListener；避免匿名函数或箭头函数直接绑定 -
清除定时器与动画帧：调用
clearTimeout、clearInterval、cancelAnimationFrame，尤其注意异步回调中闭包捕获的弹窗数据 -
断开 MutationObserver / ResizeObserver：调用
.disconnect() -
终止 fetch 或 WebSocket：已发起的请求用
AbortController.abort()；WebSocket 调用.close()
切断闭包与 DOM 的隐式绑定
弹窗内常有闭包函数（如按钮点击处理、表单校验回调），它们可能意外保留对整个弹窗 DOM 树或大对象（如上传文件 blob、渲染后的 canvas）的引用。
- 关闭前，将闭包对外部大对象的引用设为
null，例如：modalRef = null; fileBlobRef = null; - 避免在事件监听器中直接使用外部作用域的大数组或长字符串，可提前提取必要字段传入
- 若使用类封装弹窗，关闭时调用
destroy()方法统一置空实例属性
用 WeakMap 管理关联状态，避免强引用滞留
如果需要为弹窗 DOM 节点附加临时状态（如加载中标志、校验结果），别用普通对象映射（{[node]: data}），改用 WeakMap：
-
WeakMap的键是弱引用，当 DOM 节点被移除且无其他引用时，对应条目自动失效，不会阻止 GC - 示例：
const modalStates = new WeakMap(); modalStates.set(modalEl, { isLoading: false });
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
