Javascript 垃圾收集机制介绍理解


Posted in Javascript onMay 14, 2013

经常使用 Javascript 的人会琢磨其垃圾收集机制,Javascript 并不像 C,C++ 那样需要开发者手动去清除垃圾,在编写 Javascript 程序是,开发者无需关心内存使用问题,所需内存分配以及无用内存(垃圾)的回收完全实现了自动管理。究其根源,主要是程序收集那些不再使用的变量,并且释放其占用的内存。因此,垃圾收集机制会按照固定时间间隔,周期性反复的执行这一操作。

举例来说,局部变量只存在于函数内部,程序会为局部变量在栈内存或堆内存中分配对应的存储空间,当函数运行结束,局部变量所占用的内存就没有存在的必要了,这时程序会释放局部变量所占用的内存供其他变量使用。这是程序最简单释放内存的方法,但是很多时候,程序中变量会一直被使用,此时垃圾收集机制必须跟踪变量并且判断其是否被使用,是否可以释放其内存空间。

垃圾收集机制主要判断变量释放内存空间的方法有两个:其一是标记清除法,其二是引用计数法。

标记法,每个变量都有其运行环境,变量创建后会在某种环境中运行,比如创建一个局部变量,局部变量会运行在函数体内。当函数运行时,会标记局部变量为“进入环境”,当函数体运行结束后,意味着变量脱离了其运行环境,此时则将变量标记为“离开环境”。对于“离开环境”的变量,垃圾收集机制会进行相应记录,并且在下一个回收周期时将其释放。

引用计数法,跟踪记录每个值的被引用次数。声明一个变量并将一个引用类型值赋给该变量时,这个值得引用次数就是 1。如果同一个值又被赋给另外一个变量,则该值的引用次数加 1。相反,如果包含对这个值的引用的变量又取得另外一个值,这个值得引用次数减 1。当这个值得引用次数为 0 时,则说明没有办法再访问到此值,因此就可以将其占用的内存空间回收。当垃圾收集器在下一个周期运行时,会释放引用次数为零的值所占用的内存空间。(原文解释参考:Javascript 高级程序设计 - 第二版)

举个例子来说:

            function countMethod(){
                  var object1 = new Object(); // 声明变量,计数器由 0 变为 1
                  var object2 = new Object(); // 声明变量,计数器由 0 变为 1
                  object1.method1 = object2;  // object1 计数器 -1,object2 计数器 +1
                  object2.method2 = object1;  // object1 计数器 +1,object2 计数器 -1
            }

此函数运行退出后,object1 的计数器读数为 1,object2 的计数器度数为 1。所以两个变量都不会被销毁。如果大量的这样的程序存在于函数体内,就会导致大量的内存被浪费而无法回收,从而导致内存的泄露。

上述问题解决方法,手动释放 object1 object2 所占用的内存。即:

                 object1.method1 = null;
                 object2.method2 = null;

对比上面的例子,举一个正常情况下的例子。
            function countMethod(){
                  var object1 = new Object(); // 声明变量,计数器由 0 变为 1
                  var object2 = new Object(); // 声明变量,计数器由 0 变为 1
                  object1.method1 = "This is object1";  // object1 计数器 -1,object1 读数变为0
                  object2.method2 = "This is object2";  // object2 计数器 -1,object2 读数变为0
            }

通过上例看出,正常情况下,当函数运行结束后,object1 object2的读数均为 0,在下一个垃圾收集周期时,会被回收并且释放其所占用的内存。
Javascript 相关文章推荐
fix-ie5.js扩展在IE5下不能使用的几个方法
Aug 20 Javascript
基于jQuery的message插件实现右下角弹出消息框
Jan 11 Javascript
JS代码优化技巧之通俗版(减少js体积)
Dec 23 Javascript
Seajs的学习笔记
Mar 04 Javascript
浅析jquery unbind()方法移除元素绑定的事件
May 24 Javascript
vue页面使用阿里oss上传功能的实例(二)
Aug 09 Javascript
BootStrap中Table隐藏后显示问题的实现代码
Aug 31 Javascript
ES6扩展运算符用法实例分析
Oct 31 Javascript
JavaScript设计模式之构造器模式(生成器模式)定义与用法实例分析
Jul 26 Javascript
js删除数组中某几项的方法总结
Jan 16 Javascript
基于vue+uniapp直播项目实现uni-app仿抖音/陌陌直播室功能
Nov 12 Javascript
使用webpack搭建vue环境的教程详解
Dec 31 Javascript
JavaScript实现GriwView单列全选(自写代码)
May 13 #Javascript
jquery实现漂浮在网页右侧的qq在线客服插件示例
May 13 #Javascript
js 程序执行与顺序实现详解
May 13 #Javascript
JS/jQuery实现默认显示部分文字点击按钮显示全部内容
May 13 #Javascript
JS 加入收藏夹的代码(主流浏览器通用)
May 13 #Javascript
jQuery实现长文字部分显示代码
May 13 #Javascript
jq选项卡鼠标延迟的插件实例
May 13 #Javascript
You might like
sae使用smarty模板的方法
2013/12/17 PHP
PHP中的Session对象如何使用
2015/09/25 PHP
javascript 表单规则集合对象
2009/07/21 Javascript
JavaScript高级程序设计 扩展--关于动态原型
2010/11/09 Javascript
js 时间函数应用加、减、比较、格式转换的示例代码
2013/08/23 Javascript
js Date概念详细介绍
2013/11/22 Javascript
js获取和设置属性的方法
2014/02/20 Javascript
js如何判断用户是否是用微信浏览器
2014/06/05 Javascript
详解Javascript 装载和执行
2014/11/17 Javascript
Javascript数据结构与算法之列表详解
2015/03/12 Javascript
JavaScript和JQuery的鼠标mouse事件冒泡处理
2015/06/19 Javascript
微信小程序 本地存储及登录页面处理实例详解
2017/01/11 Javascript
jquery,js简单实现类似Angular.js双向绑定
2017/01/13 Javascript
jQuery返回定位插件详解
2017/05/15 jQuery
jQuery插件实现弹性运动完整示例
2018/07/07 jQuery
基于bootstrap页面渲染的问题解决方法
2018/08/09 Javascript
AngularJs返回前一页面时刷新一次前面页面的方法
2018/10/09 Javascript
js实现双色球效果
2020/08/02 Javascript
Python简单实现Base64编码和解码的方法
2017/04/29 Python
利用python3随机生成中文字符的实现方法
2017/11/24 Python
OpenCV-Python 摄像头实时检测人脸代码实例
2019/04/30 Python
keras获得model中某一层的某一个Tensor的输出维度教程
2020/01/24 Python
css3新增颜色表示方式分享
2014/04/15 HTML / CSS
用CSS3打造HTML5的Logo(实现代码)
2016/06/16 HTML / CSS
BookOutlet加拿大:在网上书店购买廉价折扣图书和小说
2018/10/05 全球购物
优秀党员转正的自我评价
2013/10/06 职场文书
建筑院校毕业生求职信
2014/06/13 职场文书
北京奥运会口号
2014/06/21 职场文书
2014教育局对照检查材料思想汇报
2014/09/23 职场文书
2014年科室工作总结范文
2014/12/19 职场文书
生日赠语
2015/06/23 职场文书
青年人初次创业的“五不要”
2019/08/23 职场文书
python基础之while循环语句的使用
2021/04/20 Python
python 如何获取页面所有a标签下href的值
2021/05/06 Python
详解JS WebSocket断开原因和心跳机制
2021/05/07 Javascript
IDEA 链接Mysql数据库并执行查询操作的完整代码
2021/05/20 MySQL