一、什么是垃圾回收
JS垃圾回收机制的目的是为了防止内存泄漏,内存泄漏是指有一些已经不被需要的变量但仍然存在在内存中,这样便会造成内存泄漏。垃圾回收机制就是为了回收这些不被需要的变量,并且释放掉他们所指向的内存。
Java、JavaScript等一些语言有垃圾回收机制,但是C\C++没有。其实我也不是很清楚为什么会有这样的区别。请知道的dalao可以评论告诉我一下!!!谢谢么么哒
二、JS垃圾回收的方法
- 标记清除
- 这是最常见的回收方法,也是大部分浏览器使用的回收方法。
- 当变量进入执行环境是,就会被标记上“进入环境”,从逻辑上讲,被标记上“进入环境”的变量所指向的内存是永远不会被回收的。当某个变量离开执行环境时,就会被标上“离开环境”。被标记为“离开环境”的变量则是可以回收的。
function func() { const a = 1; const b = 1; // 此时变量a, b 分别被标记为 进入环境 } func(); // 函数执行完毕,a, b 被标记为 离开环境,此时a, b 被回收
- 引用计数
- 这是一种不太常见的回收方式。引用计数法就是同级引用类型声明后被引用的次数,当次数为0时,该变量就会被回收。
- 存在缺点,会存在内存泄漏。
// 正常的引用计数 function func() { const c = {}; let d = c; // c 被 d 引用一次,c的引用计数为 1 let e = c; // c 被 e 引用一次,c的引用计数为 2 d = {}; // d 不再引用c,c的引用计数减为 1 e = null; // e 也不在引用c,c的引用计数减为 0,此时c将会被回收 } // 有缺陷的引用计数,内存泄漏 function func() { let f = {}; let g = {}; f.prop = g; g.prop = f; // 由于 f 和 g 相互引用,计数永远不为0 }
三、有可能造成内存泄漏的案例
- 全局变量造成的内存泄漏
- 未销毁的定时器和回调函数造成的内存泄漏
- DOM引用造成的内存泄漏
var elements = { txt: document.getElementById('test'); } function fn(){ elements.txt.innerHTML = '11111'; } function removeTxt(){ document.body.removeChild(document.getElementById('test')); } fn(); removeTxt(); console.log(element.txt); // <div id='test'>11111</div> // 虽然我们已经移除了id为text的元素,但我们认为无法对此进行回收。