JavaScript内存泄漏主要因意外全局变量、未清理定时器与回调、闭包引用滞留及DOM引用未清除导致,如函数内漏写var/let/const会创建全局变量;setInterval未clear则持续占用内存;闭包使外部变量无法释放;保留已移除DOM的引用阻碍垃圾回收,需手动解绑事件并置引用为null。

JavaScript中的内存泄漏主要由以下几种原因引起,它们会导致程序占用的内存无法被垃圾回收机制正常释放,长时间运行后可能造成性能下降甚至页面崩溃。
1. 意外的全局变量
在函数内部忘记使用 var、let 或 const 声明变量时,会创建隐式的全局变量。这些变量会挂载在全局对象(如 window)上,不会被自动清理。
例如:
function leak() { leakVar = "我是一个意外的全局变量"; // 缺少 var/let/const }每次调用该函数都会污染全局作用域,变量一直存在。
立即学习“Java免费学习笔记(深入)”;
2. 未清理的定时器或回调
setInterval 或 setTimeout 如果绑定的回调函数中引用了外部变量,且没有在适当时机清除,会导致这些变量一直驻留在内存中。
常见场景包括:
- 组件销毁后,定时器仍在运行
- 事件监听未解绑,回调函数持有 DOM 引用
建议:使用 setInterval 时保存句柄,并在不需要时调用 clearInterval。
3. 闭包引用导致的内存滞留
闭包会保留对外部函数变量的引用。如果闭包长期存在(比如作为回调被保存),那么它引用的变量也无法释放。
例如:
function outer() { const largeData = new Array(1000000).fill("占内存的数据"); return function inner() { console.log("inner 访问了 largeData"); }; } const closure = outer(); // largeData 仍被引用,无法回收即使 outer 执行完毕,largeData 仍因闭包存在而无法释放。
4. DOM 引用未清除
当 JavaScript 代码中保留了对已从 DOM 中移除元素的引用时,该元素及其关联事件监听器都无法被回收。
典型情况:
- 将 DOM 元素存储在全局变量或缓存对象中
- 移除元素前未解绑事件监听器
解决方法:在删除 DOM 前,将引用设为 null,并使用 removeEventListener 清理监听器。
基本上就这些常见原因。虽然现代浏览器的垃圾回收机制已经很智能,但开发者仍需注意资源管理,尤其是在单页应用(SPA)中长期运行的模块。










