删除标签不能释放已执行脚本的堆内存，因全局变量、定时器、事件监听器及第三方实例等运行时状态仍驻留内存；有效释放需主动清理副作用，如调用destroy()、清除定时器、解绑事件等。
动态销毁和卸载 <script></script> 标签本身并不能释放已执行脚本占用的堆内存。浏览器加载并执行 JavaScript 后，代码已编译、变量已声明、函数已注册、事件已绑定、定时器已启动——这些运行时状态全部驻留在 JavaScript 堆中，与 DOM 中的 <script></script> 元素是否还存在毫无关系。
为什么删 script 标签不等于释放内存
删除 <script></script> 节点只是移除了一个 HTML 元素，相当于“撕掉说明书”，但程序早已运行起来：
- 全局变量（如
window.myModule）仍保留在全局作用域中 - 未清除的
setInterval或setTimeout会持续持有闭包引用 - 已绑定的事件监听器（
addEventListener）仍挂在 DOM 或 window 上 - 第三方库创建的实例（如 Tippy.js、Typed.js、wangEditor）若未调用
.destroy()，内部对象和监听器将持续存活
真正有效的内存释放方式
关键不是删标签，而是主动清理脚本产生的副作用：
-
模块封装 + 显式生命周期：每个动态加载的 JS 模块应导出
init()和destroy()方法，统一管理资源启停 -
定时器必须手动清除：保存 timer ID，在卸载前调用
clearInterval()或clearTimeout() - 事件监听器必须解绑：使用同一函数引用添加和移除，避免匿名函数导致无法解绑
-
第三方实例必须调用 destroy：如
tippyInstance.destroy()、editor.destroy()、typed.destroy()，不能只清空 DOM
单页应用中的实践要点
在 Vue/React 等框架中，应将资源清理逻辑与组件生命周期强绑定：
- Vue 3 使用
onBeforeUnmount，Vue 2 使用beforeDestroy执行销毁操作 - React 使用
useEffect的清理函数返回值，确保每次重渲染前先清理上一次实例 - 动态加载的模块建议配合
import()动态导入，配合then初始化，并在卸载时触发其destroy方法 - 避免将模块挂载到全局（如
window.xxx = ...），改用局部变量或 Composition API 状态管理
可选的 script 标签清理时机
虽然删标签不释放堆内存，但在特定场景下仍有意义：
- 防止重复加载同名脚本（避免多次执行造成状态污染）
- 减少 DOM 节点数量，降低渲染树复杂度
- 避免调试时误读已失效的 script 元素（如通过
document.querySelectorAll('script')统计） - 建议在成功执行
init()后再移除标签，且仅针对一次性加载的脚本；长期运行的模块无需强制删除
