JavaScript的垃圾回收机制

垃圾回收

• 程序是运行在内存里的，当声明一个变量、定义一个函数时都会占用内存，当变量或函数不再使用时，就把所分配的内存空间释放出来，就叫做垃圾回收，它是一种自动的内存管理机制

垃圾回收的两种策略：标记清除 和 引用计数

引用计数

• 如果这个对象不再被引用，就会被回收

let obj1 = { A: 1 }; // A 的引用个数为 1 
let obj2 = obj1;     // A 的引用个数变为 2
obj1 = 0;            // A 的引用个数变为 1
obj2 = 0;            // A 的引用个数变为 0，此时对象 A 就可以被回收

标记清除

• 在变量进入执行环境时，会添加一个进入标记，当变量离开时，会添加一个离开标记，标记清除是GC在运行时会给所有变量加上标记，然后去掉那些还在环境中或还被环境中变量引用的变量，清除剩下还被标记的所有变量
• 可能导致的问题是，清除后，内容空间不连续，产生了内存碎片，可以用标记整理来解决

常见的几种情况

• 引用计数中的循环引用

function func() {
    let obj1 = {};
    let obj2 = {};
    obj1.a = obj2; // obj1 引用 obj2
    obj2.a = obj1; // obj2 引用 obj1
}
//函数结束后，obj1,obj2的引用都不为0，因此不会被回收，这时需要手动将它们赋为null
obj1.a = null; obj2.a = null;

• 在清空数组的时候，可以给array.length=0
• DOM操作的时候，比如：li是ul的子元素，与父元素是引用关系，如果保存了li的引用，则ul会一直在内存中

const button = document.getElementById('button');
document.body.removeChild(document.getElementById('button'));

虽然删除了按钮，但是button的引用还一直在内存中，需要手动将button=null

总结

• 可能导致内存泄漏的一定是引用类型的变量，比如函数和其他自定义对象。值类型的变量是不存在内存泄漏的，比如字符串、数字、布尔值等，因为值类型是靠复制来传递，而引用类型是靠指针来传递
• 减少内存垃圾的一个方法就是避免创建对象，创建对象的方式有new Object(); const obj = {};

内存泄漏

• 我们已经无法再引用某个对象时，但垃圾回收器却认为这个对象还在被引用，因此在回收的时候不会释放它