javascript 内存回收机制理解


Posted in Javascript onJanuary 17, 2011

1.唠叨
javascript语言是一门优秀的脚本语言.其中包含脚本语言的灵活性外还拥有许多高级语言的特性.例如充许构建和实例化一个对象,垃圾回收机制(GC:Garbage Collecation).通常我们使用new创建对象,GC负责回收对象占用内存区域.因此了解GC,可以加深对javascript垃圾回收机制的理解。
2.用局部变量和全局变量解释GC
GC在回收内存时,首先会判断该对象是否被其它对象引用.在确定没有其它对象引用便释放该对象内存区域.因此如何确定对象不再被引用是GC的关键所在.

<script> 
function aa(){ 
this.rr = "弹窗"; 
} 
function bb(){ 
this.rr = "弹窗"; 
} 
var b1; 
function cc(){ 
var a1 = new aa(); 
b1 = new bb(); 
return b1; 
} 
cc(); 
alert(b1.rr) 
</script>

如上代码中,执行完cc()后a1被回收了,此后我们可以通过b1.rr弹出文字窗口.在一些基础书籍中解释为:a1为局部变量,b1是全局变量.局部变量执行完后会被GC回收.但不全是这样,如下代码:
<script> 
function aa(){ 
this.rr = "弹窗"; 
} 
function bb(){ 
this.rr = "弹窗"; 
} 
function cc(){ 
var a1 = new aa(); 
var b1 = new bb(); 
return b1; 
} 
var b1 = cc(); 
alert(b1.rr); 
</script>

此时cc函数中的 a1,b1都是局部变量,但仍然会弹出文字窗口.说明b1并没有被GC回收.因此javascript中局部变量不是所有时候都被GC回收的.
3.抽象理解GC
GC回收机制还需要近一步了解。在此时引入几个概念:双向链表,作用域链,活动对象(为了方便理解,简化了原文的概念[http://softbbs.pconline.com.cn/9497825.html]) , 其中双向链表描述复杂对象的上下层级关系. 作用域链与活动对象分别是双向链表中的某个节点.以函数cc为例变量层级关系为:
window<=>cc<=>a1<=>rr
<=>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无法回收目标对象.例如:
<SCRIPT LANGUAGE="JavaScript"> 
<!-- 
//猫 
function cat(name){ 
var zhuren ; 
this.name = name; 
//设置主人 
this.addZhuRen = function(zr){ 
zhuren = zr; 
} 
this.getZhuRen = function(){ 
return zhuren; 
} 
} 
//主人 
function zhuren(name){ 
this.name = name; 
} 
//创建主人: 
var zr = new zhuren("zhangsan"); 
//创建猫 
var cat1 = new cat("asan"); 
//设置该猫的主人 
cat1.addZhuRen(zr); 
//释放主人 
zr = null ; 
//此处还存在对主人对象的引用 
alert(cat1.getZhuRen().name) 
//--> 
</SCRIPT>
Javascript 相关文章推荐
xheditor与validate插件冲突的解决方案
Apr 15 Javascript
非html5实现js版弹球游戏示例代码
Sep 22 Javascript
同域jQuery(跨)iframe操作DOM(实例讲解)
Dec 19 Javascript
JS脚本defer的作用示例介绍
Jan 02 Javascript
js 调用百度地图api并在地图上进行打点添加标注
May 13 Javascript
js实现滑动触屏事件监听的方法
May 05 Javascript
AngularJS 获取ng-repeat动态生成的ng-model值实例详解
Nov 29 Javascript
vue中Npm run build 根据环境传递参数方法来打包不同域名
Mar 29 Javascript
详解express + mock让前后台并行开发
Jun 06 Javascript
微信小程序页面传多个参数跳转页面的实现方法
May 17 Javascript
Vue+Element UI+vue-quill-editor富文本编辑器及插入图片自定义
Aug 20 Javascript
JavaScript架构localStorage特殊场景下二次封装操作
Jun 21 Javascript
javascript 延迟加载技术(lazyload)简单实现
Jan 17 #Javascript
关于COOKIE个数与大小的问题
Jan 17 #Javascript
js实现的跟随鼠标移动的时钟效果(中英文日期显示)
Jan 17 #Javascript
Jquery 插件开发笔记整理
Jan 17 #Javascript
JQuery学习笔记 nt-child的使用
Jan 17 #Javascript
Jquery知识点三 jquery表单对象操作
Jan 17 #Javascript
基于jquery的返回顶部效果(兼容IE6)
Jan 17 #Javascript
You might like
初探PHP5
2006/10/09 PHP
php 破解防盗链图片函数
2008/12/09 PHP
PHP生成随机用户名和密码的实现代码
2013/02/27 PHP
浅析PHP类的反射来实现依赖注入过程
2018/02/06 PHP
使用JQuery和s3captche实现一个水果名字的验证
2009/08/14 Javascript
js jquery数组介绍
2012/07/15 Javascript
jquery 实现checkbox全选,反选,全不选等功能代码(奇数)
2012/10/24 Javascript
一行代码实现纯数据json对象的深度克隆实现思路
2013/01/09 Javascript
Jquery.addClass始终无效原因分析
2013/09/08 Javascript
jquery动态增加删除表格行的小例子
2013/11/14 Javascript
jQuery+HTML5实现弹出创意搜索框层
2016/12/29 Javascript
AngularJS 事件发布机制
2018/08/28 Javascript
详解nodejs http请求相关总结
2019/03/31 NodeJs
vue实现简单的日历效果
2020/09/24 Javascript
亲自动手实现vue日历控件
2019/06/26 Javascript
vue实现商品列表的添加删除实例讲解
2020/05/14 Javascript
深入解析Python编程中super关键字的用法
2016/06/24 Python
使用Python轻松完成垃圾分类(基于图像识别)
2019/07/09 Python
Django打印出在数据库中执行的语句问题
2019/07/25 Python
Python各种扩展名区别点整理
2020/02/27 Python
Django中的AutoField字段使用
2020/05/18 Python
详解pycharm2020.1.1专业版安装指南(推荐)
2020/08/07 Python
python根据字典的键来删除元素的方法
2020/08/16 Python
超级实用的8个Python列表技巧
2020/08/24 Python
详解CSS3 rem(设置字体大小) 教程
2017/11/21 HTML / CSS
HTML5实现多张图片上传功能
2016/03/11 HTML / CSS
详解html5 postMessage解决跨域通信的问题
2018/08/17 HTML / CSS
曼联官方网上商店:Manchester United Direct
2017/07/28 全球购物
Dr. Martens马汀博士法国官网:马丁靴鼻祖
2020/01/15 全球购物
《小熊住山洞》教学反思
2014/02/21 职场文书
保密承诺书
2014/03/27 职场文书
2015年幼儿园保育工作总结
2015/05/12 职场文书
小学教学工作总结2015
2015/05/13 职场文书
Python 机器学习工具包SKlearn的安装与使用
2021/05/14 Python
TensorFlow的自动求导原理分析
2021/05/26 Python
MongoDB orm框架的注意事项及简单使用
2021/06/20 MongoDB