我们知道，程序运行中会有一些垃圾数据不再使用，需要及时释放出去，如果我们没有及时释放，这就是内存泄露。JavaScript 是一门具有自动垃圾收集机制的编程语言，由执行环境负责在代码执行时管理内存。JS 中的垃圾数据都是由垃圾回收（Garbage Collection，缩写为 GC）器自动回收的，不需要手动释放。JS 引擎中有一个后台进程称为垃圾回收器，它监视所有对象，观察对象是否可被访问，然后按照固定的时间间隔周期性的删除掉那些不可访问的对象即可。
常见的垃圾回收方法：1）引用计数方法；2）标记清除方法。
1）引用计数
引用计数就是给一个占用物理空间的对象附加一个引用计数器，当有其它对象引用这个对象时，这个对象的引用计数加一，反之解除时就减一，当该对象引用计数为 0 时就会被回收。如果出现循环引用，则一直不会被回收，还是会造成内存泄漏。
我们大部分人时刻都在写着循环引用的代码，看下面这个例子：
我们为一个元素的点击事件绑定了一个匿名函数，我们通过event参数是可以拿到相应元素el的信息的。el有一个属性onclick引用了一个函数（其实也是个对象），函数里面的参数又引用了el，这样el的引用次数一直是2，即使当前这个页面关闭了，也无法进行垃圾回收。
解决办法：及时销毁绑定的事件、使用弱引用 weakMap、weakSet。
2）标记清除
V8 中主垃圾回收器就采用标记清除法进行垃圾回收。主要流程如下：
标记：遍历调用栈，看老生代区域堆中的对象是否被引用，被引用的对象标记为活动对象，没有被引用的对象（待清理）标记为垃圾数据。
清除：将所有垃圾数据清理掉。
垃圾回收算法
垃圾回收的实现简单分为以下三个步骤：
1）可访问性
从 GC Roots 对象出发，遍历 GC Root 中的所有对象：
a、可访问对象：通过 GC Root 遍历到的对象，我们就认为该对象是可访问的（reachable），那么必须保证这些对象应该在内存中保留。
b、不可访问对象：通过 GC Roots 没有遍历到的对象，则是不可访问的（unreachable），并会对其做上标记，那么这些不可访问的对象就可能被回收。
GC Root 有很多，通常包括了以下几种 (但是不止于这几种)：全局的 window 对象（位于每个 iframe 中）；文档 DOM 树，可以通过遍历文档到达的所有原生 DOM 节点组成；存放栈上变量。
2）回收不可访问对象所占据的内存
在所有的标记完成之后，统一清理内存中所有被标记为可回收的对象。
3）内存整理
频繁回收对象后，内存中就会存在大量不连续空间，称为内存碎片。当出现了大量的内存碎片之后，如果需要分配较大的连续内存时，就会出现内存不足的情况，所以最后一步需要整理这些内存碎片。
在我们的实际开发过程中，如果我们想要让垃圾回收器回收某一对象，就将对象的引用直接设置为 null。但如果一个对象被多次引用时，例如作为另一对象的键、值或子元素时，将该对象引用设置为 null 时，该对象是不会被回收的，依然存在。
如果想让 a 置为 null 时，该对象被回收，该怎么做？ES6 考虑到了这一点，推出了WeakMap 。它对于值的引用都是不计入垃圾回收机制的，所以名字里面才会有一个"Weak"，表示这是弱引用（对对象的弱引用是指当该对象应该被GC回收时不会阻止GC的回收行为）。
map
weakmap
从上面的例子我们可以看出，只要外部的引用消失，WeakMap 内部的引用，就会自动被垃圾回收清除。
WeakMap 对象是一组键值对的集合，其中的键是弱引用对象，而值可以是任意。
注意，WeakMap 弱引用的只是键名，而不是键值。键值依然是正常引用。
WeakMap 中，每个键对自己所引用对象的引用都是弱引用，在没有其他引用和该键引用同一对象，这个对象将会被垃圾回收（相应的key则变成无效的），所以，WeakMap 的 key 是不可枚举的。
除了 WeakMap 还有 WeakSet 都是弱引用，可以被垃圾回收机制回收，可以用来保存DOM节点，不容易造成内存泄漏。另外还有 ES12 的 WeakRef。
WeakMap vs Map（详情见 https://www.jianshu.com/p/114ec4a13e4e）
JavaScript 引擎 V8 - 垃圾回收
目前 V8 采用了两个垃圾回收器，主垃圾回收器和副垃圾回收器。在 V8 中，会把堆分为新生代（新生代通常只支持 1～8M 的容量）和老生代（容量大）两个区域，新生代中存放的是生存时间短的对象，老生代中存放生存时间久的对象。分别对新老生代采用不同的垃圾回收算法来提高效率，对象最开始都会先被分配到新生代（如果新生代内存空间不够，直接分配到老生代），新生代中的对象会在满足某些条件后，被移动到老生代，这个过程叫晋升（当一个对象经过多次复制仍然存活时，它就会被认为是生命周期较长的对象。这种较长生命周期的对象随后会被移动到老生代中，采用新的算法进行管理）。
对象晋升的条件主要有两个：
a、对象从对象区复制到空闲区时，会检查它的内存地址来判断这个对象是否已经经历过一次Scavenge回收。如果已经经历过了，会将该对象从新生空间移动到老生代空间中，如果没有，则复制到空闲区。总结来说，如果一个对象是第二次经历从对象区复制到空闲区，那么这个对象会被移动到老生代中。
b、当要从对象区复制一个对象到空闲区时，如果空闲区已经使用了超过25%，则这个对象直接晋升到老生区中。设置25%这个阈值的原因是当这次Scavenge回收完成后，这个空闲区会变为对象区，接下来的内存分配将在这个空间中进行。如果占比过高，会影响后续的内存分配。
1）副垃圾回收器
负责新生代的垃圾回收，大多数小的对象都会被分配到新生代，垃圾回收比较频繁。新生代中的垃圾数据用 Scavenge 算法来处理。Cheney算法将内存一分为二，叫做semispace，分为两个区域：对象区域 ，空闲区域。
我
垃圾回收过程：新加入的对象都会存放到对象区域，当对象区域快被写满时，就需要执行一次垃圾清理操作。
a、垃圾标记和清理：首先要对对象区域中的垃圾做标记；标记完成之后，就进入垃圾清理阶段。副垃圾回收器会把这些我们仍然在用的对象复制到空闲区域中，同时它还会把这些对象有序地排列起来，在复制过程，相当于完成了内存整理操作，复制后空闲区域就没有内存碎片了。
b、角色翻转：完成复制后，进行角色翻转。把原来的对象区变成空闲区，把原来的空闲区变成对象区。是为了让活跃对象始终保持在一块semispace中，另一块semispace始终保持空闲的状态。
2）主垃圾回收器
负责老生代中的垃圾回收，大多数占用空间大、存活时间长的对象都会被分配到老生代里。老生代中的垃圾数据用标记 - 清除算法进行垃圾回收，因为老生代中的对象通常比较大，复制大对象非常耗时，会导致回收执行效率不高，所以采用标记清除法。
垃圾回收过程：
a、标记：标记阶段就是从一组根元素开始，递归遍历这组根元素，在这个遍历过程中，能到达的元素称为活动对象，没有到达的元素就可以判断为垃圾数据。
b、清除：它和副垃圾回收器的垃圾清除过程完全不同，主垃圾回收器会直接将标记为垃圾的数据清理掉。
c、整理：清除后会产生大量不连续的内存碎片，过多的碎片会导致大对象无法分配到足够的连续内存，于是需要引进另一种算法：标记 - 整理，整理这些内存碎片。
由于 JavaScript 是运行在主线程之上的，在垃圾回收时会阻塞 JavaScript 脚本的执行，会造成页面卡顿等问题。
为了解决上述问题，V8 团队推出了并行、并发和增量等垃圾回收技术。
a、将一个完整的垃圾回收的任务拆分成多个小的任务，解决单个垃圾回收时间长的问题。
b、将标记对象、移动对象等任务转移到后台线程进行，减少主阻塞线程的时间。
网友评论