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 相关文章推荐
JS远程获取网页源代码实例
Sep 05 Javascript
js生成随机数之random函数随机示例
Dec 20 Javascript
jquery淡入淡出效果简单实例
Jan 14 Javascript
百度坐标(BD09)、国测局坐标(火星坐标,GCJ02)、和WGS84坐标系之间的转换
Feb 19 Javascript
用jQuery获取table中行id和td值的实现代码
May 19 Javascript
jQuery 3 中的新增功能汇总介绍
Jun 12 Javascript
在javascript中使用com组件的简单实现方法
Aug 17 Javascript
删除table表格行的实例讲解
Sep 21 Javascript
浅谈vue的props,data,computed变化对组件更新的影响
Jan 16 Javascript
vue中filters 传入两个参数 / 使用两个filters的实现方法
Jul 15 Javascript
浅谈TypeScript的类型保护机制
Feb 23 Javascript
js实现微信聊天效果
Aug 09 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
PHP开发入门教程之面向对象
2006/12/05 PHP
php each 返回数组中当前的键值对并将数组指针向前移动一步实例
2016/11/22 PHP
/etc/php-fpm.d/www.conf 配置注意事项
2017/02/04 PHP
jQuery 判断页面元素是否存在的代码
2009/08/14 Javascript
Jquery 数组操作大全个人总结
2013/11/13 Javascript
JS烟花背景效果实现方法
2015/03/03 Javascript
一个简单不报错的summernote 图片上传案例
2016/07/11 Javascript
微信小程序 地图定位简单实例
2016/10/14 Javascript
AngularJS中如何使用echart插件示例详解
2016/10/26 Javascript
数组Array的一些方法(总结)
2017/02/17 Javascript
jQuery实现可拖动进度条实例代码
2017/06/21 jQuery
基于Vue2的独立构建与运行时构建的差别(详解)
2017/12/06 Javascript
element ui table 增加筛选的方法示例
2018/11/02 Javascript
JSON基本语法及与JavaScript的异同实例分析
2019/01/04 Javascript
javascript单张多张图无缝滚动实例代码
2020/05/10 Javascript
js实现简单的随机点名器
2020/09/17 Javascript
vue下拉刷新组件的开发及slot的使用详解
2020/12/23 Vue.js
[03:42]2018完美盛典-《加冕》
2018/12/16 DOTA
python ElementTree 基本读操作示例
2009/04/09 Python
Python2.x中文乱码问题解决方法
2015/06/02 Python
PyQt5打开文件对话框QFileDialog实例代码
2018/02/07 Python
Python获取系统所有进程PID及进程名称的方法示例
2018/05/24 Python
python删除文本中行数标签的方法
2018/05/31 Python
Python面向对象原理与基础语法详解
2020/01/02 Python
pytorch对梯度进行可视化进行梯度检查教程
2020/02/04 Python
matplotlib源码解析标题实现(窗口标题,标题,子图标题不同之间的差异)
2021/02/22 Python
python中使用asyncio实现异步IO实例分析
2021/02/26 Python
python3判断IP地址的方法
2021/03/04 Python
HTML5 video视频字幕的使用和制作方法
2018/05/03 HTML / CSS
马来西亚时装购物网站:ZALORA马来西亚
2017/03/14 全球购物
大学教师个人总结
2015/02/10 职场文书
党支部考察鉴定意见
2015/06/02 职场文书
婚礼上证婚人致辞
2015/07/28 职场文书
导游词之青岛太清宫
2019/12/13 职场文书
Python使用protobuf序列化和反序列化的实现
2021/05/19 Python
在Docker容器中部署SQL Server
2022/04/11 Servers