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简易namespace管理器 实例代码
Jun 21 Javascript
jQuery多级弹出菜单插件ZoneMenu
Dec 18 Javascript
angular使用post、get向后台传参的问题实例
May 27 Javascript
angularjs实现上拉加载和下拉刷新数据功能
Jun 12 Javascript
JavaScript中递归实现的方法及其区别
Sep 12 Javascript
vue移动端实现红包雨效果
Jun 23 Javascript
Vue中对拿到的数据进行A-Z排序的实例
Sep 25 Javascript
小程序实现多选框功能
Oct 30 Javascript
vue自定义指令的创建和使用方法实例分析
Dec 04 Javascript
vue cli3.0结合echarts3.0与地图的使用方法示例
Mar 26 Javascript
微信小程序实现获取用户信息并存入数据库操作示例
May 07 Javascript
Vue替代marquee标签超出宽度文字横向滚动效果
Dec 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
全国FM电台频率大全 - 19 广东省
2020/03/11 无线电
PHP实现获取并生成数据库字典的方法
2016/05/04 PHP
php简单解析mysqli查询结果的方法(2种方法)
2016/06/29 PHP
PHP自定义图片缩放函数实现等比例不失真缩放的方法
2016/08/19 PHP
PHP面向对象五大原则之接口隔离原则(ISP)详解
2018/04/04 PHP
lnmp安装多版本PHP共存的方法详解
2018/08/02 PHP
纯CSS3实现质感细腻丝滑按钮
2021/03/09 HTML / CSS
Javascript 验证上传图片大小[客户端]
2009/08/01 Javascript
你必须知道的Javascript知识点之&quot;字面量和对应类型&quot;说明介绍
2013/04/23 Javascript
jquery $.each()使用探讨
2013/09/23 Javascript
js跨域问题浅析及解决方法优缺点对比
2014/11/08 Javascript
jQuery的基本概念与高级编程
2015/05/14 Javascript
jquery form表单获取内容以及绑定数据
2016/02/24 Javascript
jquery Deferred 快速解决异步回调的问题
2016/04/05 Javascript
JavaScript必知必会(七)js对象继承
2016/06/08 Javascript
常用的几个JQuery代码片段
2017/03/13 Javascript
react native实现往服务器上传网络图片的实例
2017/08/07 Javascript
Vue一个案例引发的递归组件的使用详解
2018/11/15 Javascript
详解Vue3.0 前的 TypeScript 最佳入门实践
2019/06/18 Javascript
Javascript实现打鼓效果
2021/01/29 Javascript
python基于Tkinter库实现简单文本编辑器实例
2015/05/05 Python
python下paramiko模块实现ssh连接登录Linux服务器
2015/06/03 Python
python数组过滤实现方法
2015/07/27 Python
浅谈使用Python变量时要避免的3个错误
2017/10/30 Python
快速了解Python开发中的cookie及简单代码示例
2018/01/17 Python
Flask之flask-script模块使用
2018/07/26 Python
python 设置输出图像的像素大小方法
2019/07/04 Python
深入理解Python 多线程
2020/06/16 Python
python 基于PYMYSQL使用MYSQL数据库
2020/12/24 Python
用JAVA实现一种排序,JAVA类实现序列化的方法(二种)
2014/04/23 面试题
毕业生就业推荐信范文
2013/12/01 职场文书
计划生育宣传标语
2014/06/21 职场文书
小学老师对学生的评语
2014/12/29 职场文书
如何用python反转图片,视频
2021/04/24 Python
在 HTML 页面中使用 React的场景分析
2022/01/18 Javascript
Java代码规范与质量检测插件SonarLint的使用
2022/08/05 Java/Android