社区编辑申请
注册/登录
JavaScript内存回收机制深入解读
开发 前端
JavaScript语言是一门优秀的脚本语言.其中包含脚本语言的灵活性外还拥有许多高级语言的特性.例如充许构建和实例化一个对象,垃圾回收机制(GC:Garbage Collecation).通常我们使用new创建对象,GC负责回收对象占用内存区域.因此了解GC,可以加深对JavaScript垃圾回收机制的理解。

JavaScript语言是一门优秀的脚本语言.其中包含脚本语言的灵活性外还拥有许多高级语言的特性.例如充许构建和实例化一个对象,垃圾回

收机制(GC:Garbage Collecation).通常我们使用new创建对象,GC负责回收对象占用内存区域.因此了解GC,可以加深对JavaScript垃圾回收

机制的理解。

1.用局部变量和全局变量解释GC

GC在回收内存时,首先会判断该对象是否被其它对象引用.在确定没有其它对象引用便释放该对象内存区域.因此如何确定对象不再被引用是

GC的关键所在.

  1. <script>  
  2.         function aa(){  
  3.             this.rr = "弹窗";      
  4.         }  
  5.         function bb(){  
  6.         this.rr = "弹窗";  
  7.         }  
  8.  
  9.         var b1;  
  10.         function cc(){  
  11.             var a1 = new aa();  
  12.             b1 = new bb();  
  13.                     return b1;  
  14.         }  
  15.  
  16.         cc();  
  17.         alert(b1.rr)  
  18.     </script> 

如上代码中,执行完cc()后a1被回收了,此后我们可以通过b1.rr弹出文字窗口.在一些基础书籍中解释为:a1为局部变量,b1是全局变量.局部

变量执行完后会被GC回收.但不全是这样,如下代码:

  1. <script>  
  2.         function aa(){  
  3.             this.rr = "弹窗";      
  4.         }  
  5.         function bb(){  
  6.             this.rr = "弹窗";  
  7.         }  
  8.  
  9.         function cc(){  
  10.             var a1 = new aa();  
  11.             var b1 = new bb();  
  12.                 return b1;  
  13.         }  
  14.  
  15.         var b1 = cc();  
  16.         alert(b1.rr);  
  17.     </script> 

此时cc函数中的 a1,b1都是局部变量,但仍然会弹出文字窗口.说明b1并没有被GC回收.因此JavaScript中局部变量不是所有时候都被GC回收的.

2.抽象理解GC

GC回收机制还需要近一步了解。在此时引入几个概念:双向链表,作用域链,活动对象(为了方便理解,简化了原文的概念

[http://softbbs.pconline.com.cn/9497825.html]) , 其中双向链表描述复杂对象的上下层级关系. 作用域链与活动对象分别是双向链表

中的某个节点.以函数cc为例变量层级关系为:

  1. window<=>cc<=>a1<=>rr  
  2.                         <=>b1<=>rr 

(原文有详细解释)在执行cc()方法时,内存中变量的引用关系如上图,文字解释如下:

window的活动对象包括cc,假设window是***对象(因为运行中不会被回收)

cc的活动对象包括a1和b1,其作用域链是window

a1的活动对象包括rr,其作用域链是cc

b1的活动对象包括rr,其作用域链是cc

执行cc()时,cc的执行环境会创建一个活动对象和一个作用域链.其局部变量a1,b1都会挂在cc的活动对象中.当cc()执行完毕后,执行环境

会尝试回收活动对象占用的内存.但因局部变量b1 通过return b1,为其增加了一条作用域链:window<=>b1<=>rr,所以GC停止对b1回收.

因此如果想将一个局部变量/函数提升为全局的,为其增加一条作用域链就OK了。

同时控制好对象的作用域链也变得重要了.因作用域链会意外导致GC无法回收目标对象.例如:

  1. <SCRIPT LANGUAGE="JavaScript">  
  2.       <!--  
  3.     //猫  
  4.     function cat(name){  
  5.         var zhuren ;  
  6.         this.name = name;  
  7.           
  8.         //设置主人  
  9.         this.addZhuRen = function(zr){  
  10.             zhuren = zr;  
  11.         }  
  12.  
  13.         this.getZhuRen = function(){  
  14.             return zhuren;  
  15.         }  
  16.     }  
  17.       
  18.     //主人  
  19.     function zhuren(name){  
  20.         this.name = name;  
  21.     }  
  22.  
  23.     //创建主人:  
  24.     var zr = new zhuren("zhangsan");  
  25.     //创建猫  
  26.     var cat1 = new cat("asan");  
  27.     //设置该猫的主人  
  28.     cat1.addZhuRen(zr);  
  29.     //释放主人  
  30.     zr = null ;  
  31.     //此处还存在对主人对象的引用  
  32.     alert(cat1.getZhuRen().name)  
  33.       //-->  
  34.   </SCRIPT> 

原文链接 :http://www.cnblogs.com/a_bu/archive/2011/01/16/1936549.html  

【编辑推荐】

  1. JavaScript懒加载技术(lazyload)简单实现
  2. jQuery 1.5***个Beta版发布 付下载
  3. JavaScript初学者应注意的七个细节
责任编辑:陈贻新 来源: 仰光的博客
相关推荐

2011-07-04 13:12:04

JavaScript

2021-09-26 05:06:46

2020-09-27 07:32:18

V8

2022-05-26 09:51:50

2021-12-07 08:01:33

2021-12-30 21:51:10

2019-06-24 19:00:09

JavaScript内存泄漏垃圾回收

2010-09-26 14:08:41

Java垃圾回收

2016-05-25 10:03:51

JavaScript内存泄露

2010-07-16 09:11:40

JavaScript内存泄漏

2020-06-08 09:18:59

JavaScript开发技术

2018-07-17 08:58:57

垃圾回收内存泄露方法

2021-06-16 15:04:06

2021-02-26 05:24:35

Java垃圾回收

2017-10-26 08:43:18

2021-01-07 07:53:10

JavaScript内存管理

2009-06-10 22:03:40

JavaScript内IE内存泄漏

2010-09-16 15:10:24

JVM垃圾回收机制

2010-09-26 11:22:22

JVM垃圾回收JVM

2020-12-29 08:09:25

同话题下的热门内容

Java 服务 Docker 容器化优秀实践程序员不得不知道的 API 接口常识TestOps完全手册:工作流、生命周期、团队和流程11个 ES2022(ES13)中惊人的 JavaScript 新特性不要在 Python 中使用循环,这些方法其实更棒!使用 Vite 和 TypeScript 带你从零打造一个属于自己的 Vue3 组件库你需要知道的TypeScript高级类型Hooks时代,如何写出高质量的react和vue组件?

编辑推荐

太厉害了,终于有人能把TCP/IP协议讲的明明白白了!牛人5次面试腾讯不成功的经验HBase原理–所有Region切分的细节都在这里了Javascript如何监听页面刷新和关闭事件如何搭建一个HTTPS服务端
我收藏的内容
点赞
收藏

51CTO技术栈公众号