JavaScript内存泄漏指本该回收的对象因活引用滞留内存,导致页面卡顿甚至崩溃;主要成因包括意外全局变量、未解绑事件监听器、闭包长期持有大对象、未清除定时器及DOM引用。

JavaScript 内存泄漏,是指本该被垃圾回收器释放的对象,因为还存在“活的引用”,导致它一直留在内存中,无法被清理。这些对象逻辑上已无用,却持续占用空间,久而久之会让页面变卡、响应变慢,甚至崩溃。
意外的全局变量
在非严格模式下,忘记用 let、const 或 var 声明变量,会直接把它挂到 window(浏览器)上,变成永久存活的全局变量。比如:
function handleData() {
data = new Array(100000); // 没加 let/const → data 成为 window.data
}
多次调用后,大量数组堆积在全局,无法回收。
立即学习“Java免费学习笔记(深入)”;
- 始终启用 'use strict',让未声明变量报错,提前拦截
- 避免直接往 window 上挂数据;如需全局缓存,用单例对象或 WeakMap 管理,并设上限
- 真要用全局变量存大块数据,用完立即赋值为 null
未清理的事件监听器
给 DOM 元素绑定事件后,若元素被移除,但监听器没手动解绑,它和闭包里捕获的变量都会滞留内存。尤其常见于 SPA 页面切换、组件销毁时。
标签: javascript java html js json 浏览器 app win 作用域 垃圾回收器
还木有评论哦,快来抢沙发吧~