JS内存管理机制

基本类型和引用类型
JS 中的数据类型，整体上来说只有两类：基本类型和引用类型。

其中基本类型包括：Sting、Number、Boolean、null、undefined、Symbol。这类型的数据最明显的特征是大小固定、体积轻量、相对简单，它们被放在 JS 的栈内存里存储。

而排除掉基本类型，剩下的数据类型就是引用类型，比如 Object、Array、Function 等等。这类数据比较复杂、占用空间较大、且大小不定，它们被放在 JS 的堆内存里存储。

栈是线性表的一种，而堆则是树形结构。

垃圾回收机制
每隔一段时间，JS 的垃圾收集器就会对变量做 “巡检”。当它判断一个变量不再被需要之后，它就会把这个变量所占用的内存空间给释放掉，这个过程叫做垃圾回收。

垃圾回收算法有两种 —— 引用计数法和标记清除法。
引用计数法：
在引用计数法的机制下，内存中的每一个值都会对应一个引用计数。当垃圾收集器感知到某个值的引用计数为 0 时，就判断它 “没用” 了，随即这块内存就会被释放。
引用计数法无法甄别循环引用场景下的 “垃圾”！
标记清除法：
标记清除法是现代浏览器的标准垃圾回收算法。
在标记清除算法中，一个变量是否被需要的判断标准，是它是否可抵达 。

这个算法有两个阶段，分别是标记阶段和清除阶段：
标记阶段：垃圾收集器会先找到根对象，在浏览器里，根对象是 Window；在 Node 里，根对象是 Global。从根对象出发，垃圾收集器会扫描所有可以通过根对象触及的变量，这些对象会被标记为 “可抵达”。
清除阶段： 没有被标记为 “可抵达” 的变量，就会被认为是不需要的变量，这波变量会被清除。

闭包与内存泄漏
内存泄漏：该释放的变量（内存垃圾）没有被释放，仍然霸占着原有的内存不松手，导致内存占用不断攀高，带来性能恶化、系统崩溃等一系列问题，这种现象就叫内存泄漏。

在 V8 中，一旦不同的作用域位于同一个父级作用域下，那么它们会共享这个父级作用域。

内存泄漏成因分析：
1.“手滑” 导致的全局变量
2.忘记清除的 setInterval 和 setTimeout
3.清除不当的 DOM

内存泄漏(如何使用Chrome检测)

1. 打开开发者工具，选择 Performance 面板
2. 在顶部勾选 Memory
3. 点击左上角的 record 按钮
4. 在页面上进行各种操作，模拟用户的使用情况
5. 一段时间后，点击对话框的 stop 按钮，面板上就会显示这段时间的内存占用情况

我们有两种方式来判定当前是否有内存泄漏：

1. 多次快照后，比较每次快照中内存的占用情况，如果呈上升趋势，那么可以认为存在内存泄漏
2. 某次快照后，看当前内存占用的趋势图，如果走势不平稳，呈上升趋势，那么可以认为存在内存泄漏

ES6的WeakSet与WeakMap
WeakSet 对象允许将弱引用对象储存在一个集合中。什么是弱引用对象？就是：垃圾回收机制不考虑对该对象的引用，也就是说，如果其他对象都不再引用该对象，那么垃圾回收机制会自动回收该对象所占用的内存，不考虑该对象是否还在该弱引用的结构中。要注意的是，弱引用的对象不可遍历。

WeakSet具有以下方法：
add(value): 在 WeakSet 对象中添加一个元素value
has(value): 判断WeakSet 对象中是否包含value
delete(value): 删除元素value

WeakSet 与 Set 的区别:
1、WeakSet 只能储存对象引用，不能存放值，而 Set 对象都可以。
2、WeakSet 对象中储存的对象值都是被弱引用的，则这个对象将会被垃圾回收掉（不考虑该对象还存放于 WeakSet 中），所以 WeakSet 对象里有多少个成员元素，取决于垃圾回收机制有没有运行，运行前后成员个数可能不一致，遍历结束之后，有的成员可能被垃圾回收了。
3、WeakSet 对象是无法被遍历的（ES6 规定 WeakSet 不可遍历），也没有办法拿到它包含的所有元素。

WeakMap 对象是一组键值对的集合，其中的键是弱引用对象，而值可以是任意。
WeakMap 中，每个键对自己所引用对象的引用都是弱引用，在没有其他引用和该键引用同一对象，这个对象将会被垃圾回收（相应的key则变成无效的），所以，WeakMap 的 key 是不可枚举的。

注：WeakMap 弱引用的只是键名，而不是键值。键值依然是正常引用。

WeakMap具有以下方法：
has(key)：判断是否有 key 关联对象
get(key)：返回key关联对象（没有则则返回 undefined）
set(key)：设置一组key关联对象
delete(key)：移除 key 的关联对象

Set、Map、WeakSet和WeakMap的区别总结
1、Set
成员唯一、无序且不重复；
[value, value]，键值与键名是一致的（或者说只有键值，没有键名）；
可以遍历，方法有：add、delete、has；
2、WeakSet
成员都是对象；
成员都是弱引用，可以被垃圾回收机制回收，可以用来保存DOM节点，不容易造成内存泄漏；
不能遍历，方法有add、delete、has；
3、Map
本质上是键值对的集合，类似集合；
可以遍历，方法很多可以跟各种数据格式转换；
4、WeakMap
只接受对象作为键名（null除外），不接受其他类型的值作为键名；
键名是弱引用，键值可以是任意的，键名所指向的对象可以被垃圾回收，此时键名是无效的；
不能遍历，方法有get、set、has、delete；