深入解读JavaScript内存回收机制

开发 前端
本文介绍的是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. var b1;   
  9. function cc(){   
  10. var a1 = new aa();   
  11. b1 = new bb();   
  12. return b1;   
  13. }   
  14. cc();   
  15. alert(b1.rr)   
  16. </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. function cc(){   
  9. var a1 = new aa();   
  10. var b1 = new bb();   
  11. return b1;   
  12. }   
  13. var b1 = cc();   
  14. alert(b1.rr);   
  15. </script>  

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

2.抽象理解GC

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

Javascript闭包(closure) 深入浅出 , 其中双向链表描述复杂对象的上下层级关系. 作用域链与活动对象分别是双向链表中的某个节点.以函数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. this.addZhuRen = function(zr){   
  9. zhuren = zr;   
  10. }   
  11. this.getZhuRen = function(){   
  12. return zhuren;   
  13. }   
  14. }   
  15. //主人   
  16. function zhuren(name){   
  17. this.name = name;   
  18. }   
  19. //创建主人:   
  20. var zr = new zhuren("zhangsan");   
  21. //创建猫   
  22. var cat1 = new cat("asan");   
  23. //设置该猫的主人   
  24. cat1.addZhuRen(zr);   
  25. //释放主人   
  26. zr = null ;   
  27. //此处还存在对主人对象的引用   
  28. alert(cat1.getZhuRen().name)   
  29. //-->   
  30. </SCRIPT>  

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

【编辑推荐】

  1. JAVA开发 分析JNI标准原理
  2. 谈JAVA静态载入的两种方式
  3. 谈JavaScript中的移除空事件处理程序
  4. 谈JavaScript中的事件委托
  5. 详解JavaScript之分解任务
责任编辑:于铁 来源: 互联网
相关推荐

2011-01-18 14:06:58

JavaScriptweb

2013-04-01 10:07:19

Java内存回收机制

2021-05-27 21:47:12

Python垃圾回收

2009-12-09 17:28:34

PHP垃圾回收机制

2021-12-07 08:01:33

Javascript 垃圾回收机制前端

2010-09-26 14:08:41

Java垃圾回收

2019-08-19 12:50:00

Go垃圾回收前端

2012-08-13 10:19:03

IBMdW

2010-09-26 16:42:04

JVM内存组成JVM垃圾回收

2023-02-28 07:56:07

V8内存管理

2021-09-26 05:06:46

JS垃圾内存

2011-05-26 15:41:25

java虚拟机

2019-09-27 09:13:55

Redis内存机制

2009-06-23 14:15:00

Java垃圾回收

2017-08-17 15:40:08

大数据Python垃圾回收机制

2010-09-25 15:33:19

JVM垃圾回收

2017-03-03 09:26:48

PHP垃圾回收机制

2020-09-27 07:32:18

V8

2011-06-28 12:39:34

Java垃圾回收

2015-06-04 09:38:39

Java垃圾回收机
点赞
收藏

51CTO技术栈公众号