一 什么是垃圾数据?

咱们在写 js 代码的时候，会频繁地操作数据。在一些数据不被须要的时候，它就是垃圾数据，垃圾数据占用的内存就应该被回收。

变量的生命周期

这样一段代码

let dog.a = new Array(1)

当 JavaScript 执行这段代码的时候，会先在全局作用域中增加一个 dog 属性，并在堆中创立了一个空对象，将该对象的地址指向了 dog。随后又创立一个大小为 1 的数组，并将属性地址指向了 dog.a。此时的内存布局图如下所示:

如果此时，我将另外一个对象赋给了 a 属性，代码如下所示:

 dog.a = new Object()

此时布局图：

a 的指向扭转了，此时堆中的数组对象就成为了不被应用的数据，专业名词叫「不可达」的数据。
这就是须要回收的垃圾数据。

二 垃圾回收算法

能够将这个过程设想成从根溢出一个微小的油漆桶，它从一个根节点登程将可达到的对象标记染色，而后移除未标记的。
第一步：标记空间中「可达」值。
V8 采纳的是可达性 (reachability) 算法来判断堆中的对象应不应该被回收。这个算法的思路是这样的：
从根节点（Root）登程，遍历所有的对象。
能够遍历到的对象，是可达的（reachable）。
没有被遍历到的对象，不可达的（unreachable）。
在浏览器环境下，根节点有很多，次要包含这几种：

• 全局变量 window，位于每个 iframe 中；
• 文档 DOM 树；
• 寄存在栈上的变量；

…
这些根节点不是垃圾，不可能被回收。
第二步：回收「不可达」的值所占据的内存。
在所有的标记实现之后，对立清理内存中所有不可达的对象。
第三步，做内存整理。
在频繁回收对象后，内存中就会存在大量不间断空间，专业名词叫「内存碎片」。
当内存中呈现了大量的内存碎片，如果须要调配较大的间断内存时，就有可能呈现内存不足的状况。

三 什么时候垃圾回收

浏览器进行垃圾回收的时候，会暂停 JavaScript 脚本，等垃圾回收结束再继续执行。
对于一般利用这样没什么问题，但对于 JS 游戏、动画对连贯性要求比拟高的利用，如果暂停工夫很长就会造成页面卡顿。
这就是咱们接下来谈的对于垃圾回收的问题：什么时候进行垃圾回收，能够防止长时间暂停。
所以最初一步是整顿内存碎片。(但这步其实是可选的，因为有的垃圾回收器不会产生内存碎片，比方接下来咱们要介绍的副垃圾回收器。)
分代收集
浏览器将数据分为两种，一种是「长期」对象，一种是「短暂」对象。
长期对象：
大部分对象在内存中存活的工夫很短；
比方函数外部申明的变量，或者块级作用域中的变量。当函数或者代码块执行完结时，作用域中定义的变量就会被销毁；
这类对象很快就变得不可拜访，应该快点回收。
短暂对象：
生命周期很长的对象，比方全局的 window、DOM、Web API 等等；
这类对象能够慢点回收。
这两种对象对应不同的回收策略，所以，V8 把堆分为新生代和老生代两个区域，新生代中寄存长期对象，老生代中寄存长久对象。
并且让副垃圾回收器、主垃圾回收器，别离负责新生代、老生代的垃圾回收。这样就能够实现高效的垃圾回收啦。
主垃圾回收器
负责老生代的垃圾回收，有两个特点：对象占用空间大；对象存活工夫长。
它应用「标记 - 革除」的算法执行垃圾回收。
首先是标记。从一组根元素开始，递归遍历这组根元素；
在这个遍历过程中，能达到的元素称为流动对象，没有达到的元素就能够判断为垃圾数据。而后是垃圾革除。间接将标记为垃圾的数据清理掉。屡次标记 - 革除后，会产生大量不间断的内存碎片，须要进行内存整理。
副垃圾回收器
负责新生代的垃圾回收，通常只反对 1~8 M 的容量。新生代被分为两个区域：个别是对象区域，一半是闲暇区域。
新退出的对象都被放入对象区域，等对象区域快满的时候，会执行一次垃圾清理。先给对象区域所有垃圾做标记；标记实现后，存活的对象被复制到闲暇区域，并且将他们有序的排列一遍；
这就回到咱们后面留下的问题 — 副垃圾回收器没有碎片整顿。因为闲暇区域里此时是有序的，没有碎片，也就不须要整顿了；复制实现后，对象区域会和闲暇区域进行对调。将闲暇区域中存活的对象放入对象区域里。这样，就实现了垃圾回收。因为副垃圾回收器操作比拟频繁，所以为了执行效率，个别新生区的空间会被设置得比拟小。一旦检测到空间装满了，就执行垃圾回收。

一句话总结分代回收就是：将堆分为新生代与老生代，多回收新生代，少回收老生代。这样就缩小了每次需遍历的对象，从而缩小每次垃圾回收的耗时。
增量收集
如果脚本中有许多对象，引擎一次性遍历整个对象，会造成一个长时间暂停。所以引擎将垃圾收集工作分成更小的块，每次解决一部分，屡次解决。
这样就解决了长时间进展的问题。
闲时收集
垃圾收集器只会在 CPU 闲暇时尝试运行，以缩小可能对代码执行的影响。

四 浏览器中不同类型变量的内存何时开释？

Javascritp 中类型：值类型，援用类型。
援用类型：
在没有援用之后，通过 V8 主动回收。
值类型：
如果处于闭包的状况下，要等闭包没有援用才会被 V8 回收；
非闭包的状况下，期待 V8 的新生代切换的时候回收。