【再学前端】Js 垃圾回收机制 和 内存泄漏

[Samgao0312]

内存泄漏

什么是内存泄漏？

内存泄漏是指一块空间使用完没有被销毁一直占用空间，这就是内存泄漏。 所以，总结一下，不再用到的内存，没有及时释放，就叫做内存泄漏（memory leak）。

常见引起内存泄漏的原因：

• 全局变量引起的内存泄漏。
• 闭包引起的内存泄漏。
• 遗忘的DOM引用

Js 垃圾回收机制

上面我们知道了什么是内存泄漏了。 对于持续运行的服务进程（daemon），必须要及时释放不再用到的内存。否则，内存占用越来越高，轻点的话会影响系统性能，要是严重的话就会导致进程崩溃。 这很麻烦，所以大多数语言提供 自动内存管理，减轻程序员的负担，这被称为"垃圾回收机制"（garbage collector）。

垃圾回收机制怎么知道，哪些内存不再需要呢？

现在各大浏览器通常采用的垃圾回收机制有两种方法：标记清除，引用计数。

标记清除

当变量进入到内存当中会加入一个标记，当脱离内存之后也会添加一个标记。每隔段时间后垃圾回收机制会扫一下内存空间，
有需要清除的变量会把他清掉。

js中最常用的垃圾回收方式就是标记清除。当变量进入环境时，例如，在一个函数中声明一个变量，就将这个变量标记为 "进入环境"。从逻辑上讲，永远不能释放进入环境变量所占用的内存，因为只要执行流进入相应的环境，就可能会用到它们。而当变量离开环境时，则将其标记为 "离开环境"。

function test(){
    var a = 10; //被标记"进入环境"
    var b = "hello"; //被标记"进入环境"
}
test(); //执行完毕后之后，a和b又被标记"离开环境"，被回收

垃圾回收机制在运行的时候会给存储再内存中的所有变量都加上标记（可以是任何标记方式），然后，它会去掉处在环境中的变量及被环境中的变量引用的变量标记（闭包）。而在此之后剩下的带有标记的变量被视为准备删除的变量，原因是环境中的变量已经无法访问到这些变量了。

最后垃圾回收机制到下一个周期运行时，将释放这些变量的内存，回收它们所占用的空间。

到目前为止，IE、Firefox、Opera、Chrome、Safari的js实现使用的都是 标记清除 的垃圾回收策略或类似的策略，只不过垃圾收集的时间间隔互不相同。

引用计数

引用计数是引用一次计个1，释放一次减个1，当引用计数为0的时候才可以清掉。在IE低版本中引用计数也会造成内存泄露。

语言引擎有一张 "引用表"，保存了内存里面所有资源（通常是各种值）的引用次数。如果一个值的引用次数是0，就表示这个值不再用到了，因此可以将这块内存释放。

上图中，左下角的两个值，没有任何引用，所以可以释放。

如果, 一个值不再需要了，引用数却不为0，垃圾回收机制无法释放这块内存，从而导致内存泄漏。

const arr = [1,2,3,4];
console.log("hello world");

上面的代码中，数组 [1,2,3,4] 是一个值，会占用内存。变量arr是仅有的对这个值的引用，因此引用次数为1。尽管后面的代码没有用到arr，但是它会持续占用内存。

如果增加一行代码，解除arr对[1,2,3,4]引用，这块内存就可以被垃圾回收机制释放了。

let arr = [1,2,3,4];
console.log("hello world");
arr = null;

上面代码中，arr重置为null，就解除了对[1，2，3，4]的引用，引用次数变成了0，内存就可以释放出来了。

因此，并不是说有了垃圾回收机制，程序员就轻松了。你还是需要关注内存占用：那些很占空间的值，一旦不再用到，你必须检查是否还存在对它们的引用。如果是的话，就必须手动解除引用

WeakMap

WeakMap 是 es6 提供的一种新数据结构，我们可以使用它来手动管理内存，它可以让垃圾回收机制忽略定义在其中的资源。

参考

• JavaScript 内存泄漏教程 | 阮一峰