js作为一门高级程序语言，具有自动的垃圾回收机制，那我们来探究一下它的原理及机制。

1. 引用计数垃圾收集

复制代码

这是最初级的垃圾收集算法。此算法把“对象是否不再需要”简化定义为“对象有没有其他对象引用到它”。如果没有引用指向该对象（零引用），对象将被垃圾回收机制回收。

举个例子:

1. let o = {
   
2.     a:{
   
3.          b:2
   
4.      }
   
5. }
   
6. // 两个对象被创建，一个作为另一个的属性被引用，另一个被分配给变量o
   
7. // 很显然，没有一个可以被垃圾收集
   
8. 
   
9. let o2 = o;
   
10. 
    
11. //这一步被称之为 o2变量是对这个o对象的引用
    
12. 
    
13. o = 1; //现在 o这个对象的原始引用o被o2替换掉了
    
14. 
    
15. let oa = o2.a; //引用这个对象的a属性
    
16. console.log(o);
    
17. o2 = 'willson';
    
18. //最初的对象o已经是零引用了 他可以被垃圾回收了
    
19. //然而它的属性a的对象还在被oa引用 所以还不能回收
    
20. //那怎么办
    
21. oa = null;
    
22. //oa等于null，释放这个内存，那它也被垃圾回收了，a属性的对象现在也是零引用了

复制代码

引用计数垃圾收集存在的弊端 : 无法处理循环引用的事例

1. //循环引用不会被回收
   
2. function fn2(){
   
3.       let o = {};
   
4.       let o2 = {};
   
5.       o.a = o2; // o 引用 o2
   
6.       o2.a = o; // o2 引用 o
   
7.     }
   
8.    
   
9.     fn2();
   
10.   //查询内存
    
11.   console.log(process.memoryUsage());
    

复制代码

1. 标记-清除算法

复制代码

这个算法把“对象是否不再需要”简化定义为“对象是否可以获得”。

这个算法假定设置一个叫做根（root）的对象（在Javascript里，根是全局对象）。垃圾回收器将定期从根开始，找所有从根开始引用的对象，然后找这些对象引用的对象……从根开始，垃圾回收器将找到所有可以获得的对象和收集所有不能获得的对象。

这个算法比前一个要好，因为“有零引用的对象”总是不可获得的，但是相反却不一定，参考“循环引用”。

从2012年起，所有现代浏览器都使用了标记-清除垃圾回收算法。所有对JavaScript垃圾回收算法的改进都是基于标记-清除算法的改进，并没有改进标记-清除算法本身和它对“对象是否不再需要”的简化定义。

循环引用不再是问题了

在上面的示例中，函数调用返回之后，两个对象从全局对象出发无法获取。因此，他们将会被垃圾回收器回收。

可是，还是存在一个限制: 那些无法从根对象查询到的对象都将被清除

不过，这个不需要我们去担心。尽管这是一个限制，但实践中我们很少会碰到类似的情况，所以开发者不太会去关心垃圾回收机制。

更多大前端JavaScript、css、前端架构师进阶技术尽在WEB明教光明顶

js作为一门高级程序语言，具有自动的垃圾回收机制，那我们来探究一下它的原理及机制。

1. 引用计数垃圾收集

复制代码

这是最初级的垃圾收集算法。此算法把“对象是否不再需要”简化定义为“对象有没有其他对象引用到它”。如果没有引用指向该对象（零引用），对象将被垃圾回收机制回收。

举个例子:

1. let o = {
   
2.     a:{
   
3.          b:2
   
4.      }
   
5. }
   
6. // 两个对象被创建，一个作为另一个的属性被引用，另一个被分配给变量o
   
7. // 很显然，没有一个可以被垃圾收集
   
8. 
   
9. let o2 = o;
   
10. 
    
11. //这一步被称之为 o2变量是对这个o对象的引用
    
12. 
    
13. o = 1; //现在 o这个对象的原始引用o被o2替换掉了
    
14. 
    
15. let oa = o2.a; //引用这个对象的a属性
    
16. console.log(o);
    
17. o2 = 'willson';
    
18. //最初的对象o已经是零引用了 他可以被垃圾回收了
    
19. //然而它的属性a的对象还在被oa引用 所以还不能回收
    
20. //那怎么办
    
21. oa = null;
    
22. //oa等于null，释放这个内存，那它也被垃圾回收了，a属性的对象现在也是零引用了

复制代码

引用计数垃圾收集存在的弊端 : 无法处理循环引用的事例

1. //循环引用不会被回收
   
2. function fn2(){
   
3.       let o = {};
   
4.       let o2 = {};
   
5.       o.a = o2; // o 引用 o2
   
6.       o2.a = o; // o2 引用 o
   
7.     }
   
8.    
   
9.     fn2();
   
10.   //查询内存
    
11.   console.log(process.memoryUsage());
    

复制代码

1. 标记-清除算法

复制代码

这个算法把“对象是否不再需要”简化定义为“对象是否可以获得”。

这个算法假定设置一个叫做根（root）的对象（在Javascript里，根是全局对象）。垃圾回收器将定期从根开始，找所有从根开始引用的对象，然后找这些对象引用的对象……从根开始，垃圾回收器将找到所有可以获得的对象和收集所有不能获得的对象。

这个算法比前一个要好，因为“有零引用的对象”总是不可获得的，但是相反却不一定，参考“循环引用”。

从2012年起，所有现代浏览器都使用了标记-清除垃圾回收算法。所有对JavaScript垃圾回收算法的改进都是基于标记-清除算法的改进，并没有改进标记-清除算法本身和它对“对象是否不再需要”的简化定义。

循环引用不再是问题了

在上面的示例中，函数调用返回之后，两个对象从全局对象出发无法获取。因此，他们将会被垃圾回收器回收。

可是，还是存在一个限制: 那些无法从根对象查询到的对象都将被清除

不过，这个不需要我们去担心。尽管这是一个限制，但实践中我们很少会碰到类似的情况，所以开发者不太会去关心垃圾回收机制。

更多大前端JavaScript、css、前端架构师进阶技术尽在WEB明教光明顶