JavaScript内存管理介绍


Posted in Javascript onMarch 13, 2015

简介

低级语言,比如C,有低级的内存管理基元,想malloc(),free()。另一方面,JavaScript的内存基元在变量(对象,字符串等等)创建时分配,然后在他们不再被使用时“自动”释放。后者被称为垃圾回收。这个“自动”是混淆并给JavaScript(和其他高级语言)开发者一个错觉:他们可以不用考虑内存管理。

内存生命周期

不管什么程序语言,内存生命周期基本一致:

1.分配你所需要的内存
2.使用它(读、写)
3.当它不被使用时释放   ps:和“把大象装冰箱“一个意思

第一二部分过程在所有语言中都很清晰。最后一步在低级语言中很清晰,但是在像JavaScript等高级语言中,最后一步不清晰。

JavaScript的内存分配

变量初始化

为了不让程序员为分配费心,JavaScript在定义变量时完成内存分配。

var n = 123; // 给数值变量分配内存

var s = "azerty"; // 给字符型
var o = {

  a: 1,

  b: null

}; // 为对象及其包含变量分配内存
var a = [1, null, "abra"]; // 为数组及其包含变量分配内存(就像对象)

function f(a){

  return a + 2;

} // 为函数(可调用的对象)分配内存
// 函数表达式也能分配一个对象

someElement.addEventListener('click', function(){

  someElement.style.backgroundColor = 'blue';

}, false);

通过函数调用的内存分配

有些函数调用结果是分配对象内存:

var d = new Date();

var e = document.createElement('div'); //分配一个DOM元素

有些方法分配新变量或者新对象:

var s = "azerty";

var s2 = s.substr(0, 3); // s2 is a new string

//因为string是不变量,JavaScript可能没有分配内存,但只是存储了0-3的范围。
var a = ["ouais ouais", "nan nan"];

var a2 = ["generation", "nan nan"];

var a3 = a.concat(a2); // 新数组中有连接数组a和数组a2中的四个元素。

值的使用

使用值的过程实际上是对分配内存进行读取与写入的操作,这意味着可以写入一个变量或者一个对象的属性值,甚至传递函数的参数。

当内存不再需要使用时释放

大多数内存管理的问题都在这个阶段。在这里最艰难的任务是找到“所分配的内存确实已经不再需要了”。它往往要求开发人员来确定在程序中哪一块内存不再需要并且释放它。

高级语言解释器嵌入了“垃圾回收器”,主要工作是跟踪内存的分配和使用,以便当分配的内存不再使用时,自动释放它。这个过程是一个近似的,因为要知道某块内存是否需要是 无法判定的 (无法被某种算法所解决).

垃圾回收

如上文所述自动寻找是否一些内存“不再需要”的问题是无法判定的。因此,垃圾回收实现只能有限制的解决一般问题。本节将解释必要的概念,了解主要的垃圾回收算法和它们的局限性。

引用

垃圾回收算法主要依赖于引用的概念。在内存管理的环境中,一个对象如果有访问另一个对象的权限(隐式或者显式),叫做一个对象引用另一个对象。例如,一个Javascript对象具有对它 原型 的引用(隐式引用)和对它属性的引用(显式引用)。

在这里,“对象”的概念不仅特制Javascript对象,还包括函数作用域(或者全局词法作用域)。

引用计数垃圾收集

这是最简单的垃圾收集算法。此算法把“对象是否不再需要”简化定义为“对象有没有其他对象引用到它”。如果没有引用指向该对象(零引用),对象将被垃圾回收机制回收。

例如

var o = { 

  a: {

    b:2

  }

}; 

// 两个对象被创建,一个做为另一个的属性被引用,另一个被分配给变量o

// 很显然,没有一个可以被垃圾收集
var o2 = o; // o2变量是第二个对“这个对象”的引用

o = 1; // 现在,“这个对象”的原始引用o被o2替换了
var oa = o2.a; // 引用“这个对象”的a属性

// 现在,“这个对象”有两个引用了,一个是o2,一个是oa
o2 = "yo"; // 最初的对象现在已经是零引用了

// 他可以被垃圾回收了

// 然而它的属性a的对象还在被oa引用,所以还不能回收
oa = null; // a属性的那个对象现在也是零引用了

// 它可以被垃圾回收了

限制:循环引用

这个简单的算法有一个限制,就是如果一个对象引用另一个(形成了循环引用),他们可能“不再需要”了,但是他们不会被回收。

function f(){

  var o = {};

  var o2 = {};

  o.a = o2; // o 引用 o2

  o2.a = o; // o2 引用 o
  return "azerty";

}
f();

// 两个对象被创建,并互相引用,形成了一个循环

// 他们被调用之后不会离开函数作用域

// 所以他们已经没有用了,可以被回收了

// 然而,引用计数算法考虑到他们互相都有至少一次引用,所以他们不会被回收

实际当中的例子

IE 6, 7 对DOM对象进行引用计数回收。对他们来说,一个常见问题就是内存泄露:

var div = document.createElement("div");

div.onclick = function(){

  doSomething();

}; 

// div有了一个引用指向事件处理属性onclick

// 事件处理也有一个对div的引用可以在函数作用域中被访问到

// 这个循环引用会导致两个对象都不会被垃圾回收

标记-清除算法

这个算法把“对象是否不再需要”简化定义为“对象是否可以获得”。

这个算法假定设置一个叫做根的对象(在Javascript里,根是全局对象)。定期的,垃圾回收器将从根开始,找所有从根开始引用的对象,然后找这些对象引用的对象……从根开始,垃圾回收器将找到所有可以获得的对象和所有不能获得的对象。

这个算法比前一个要好,因为“有零引用的对象”总是不可获得的,但是相反却不一定,参考“循环引用”。

从2012年起,所有现代浏览器都使用了标记-清除垃圾回收算法。所有对JavaScript垃圾回收算法的改进都是基于标记-清除算法的改进,并没有改进标记-清除算法本身和它对“对象是否不再需要”的简化定义。

循环引用不再是问题了

在上面的示例中,函数调用返回之后,两个对象从全局对象出发无法获取。因此,他们将会被垃圾回收器回收。
第二个示例同样,一旦 div 和其事件处理无法从根获取到,他们将会被垃圾回收器回收。

限制: 对象需要明确的不可获得

尽管这是一个限制,但是很少会被突破,这也就是为什么在现实中很少人会去关心垃圾回收机制。

Javascript 相关文章推荐
JavaScript面向对象编程
Mar 02 Javascript
jquery 图片预加载 自动等比例缩放插件
Dec 25 Javascript
jQuery 注意事项 与原因分析
Apr 24 Javascript
javascript 命名规则 变量命名规则
Feb 25 Javascript
将json当数据库一样操作的javascript lib
Oct 28 Javascript
jQuery实现模仿微博下拉滚动条加载数据效果
Dec 25 Javascript
js 去掉字符串前后空格实现代码集合
Mar 25 Javascript
jquery基于layui实现二级联动下拉选择(省份城市选择)
Jun 20 jQuery
想用好React的你必须要知道的一些事情
Jul 24 Javascript
Vue 过滤器filters及基本用法
Dec 26 Javascript
安装Node.js并启动本地服务的操作教程
May 12 Javascript
微信小程序用户盒子、宫格列表的实现
Jul 01 Javascript
JavaScript中的this关键字使用方法总结
Mar 13 #Javascript
javascript中slice(),splice(),split(),substring(),substr()使用方法
Mar 13 #Javascript
在linux中使用包管理器安装node.js
Mar 13 #Javascript
JQuery中serialize() 序列化
Mar 13 #Javascript
JavaScript中通过prototype属性共享属性和方法的技巧实例
Mar 13 #Javascript
JQuery中$.each 和$(selector).each()的区别详解
Mar 13 #Javascript
JavaScript实现判断图片是否加载完成的3种方法整理
Mar 13 #Javascript
You might like
全国FM电台频率大全 - 10 江苏省
2020/03/11 无线电
十天学会php(2)
2006/10/09 PHP
php 全局变量范围分析
2009/08/07 PHP
解析PHP中如何将数组变量写入文件
2013/06/06 PHP
详解PHP序列化和反序列化原理
2018/01/15 PHP
PHP双向链表定义与用法示例
2018/01/31 PHP
Laravel监听数据库访问,打印SQL的例子
2019/10/24 PHP
js 解决“options为空或不是对象”
2008/12/22 Javascript
javascript 实现 秒杀,团购 倒计时展示的记录 分享
2013/07/12 Javascript
IE下JS读取xml文件示例代码
2013/08/05 Javascript
js动态移动滚动条至底部示例代码
2014/04/24 Javascript
jquery+css实现的红色线条横向二级菜单效果
2015/08/22 Javascript
jQuery实现底部浮动窗口效果
2016/09/07 Javascript
全屏滚动插件fullPage.js使用实例解析
2016/10/21 Javascript
jQuery基于正则表达式的表单验证功能示例
2017/01/21 Javascript
jQuery DateTimePicker 日期和时间插件示例
2017/01/22 Javascript
JavaScript实现时钟滴答声效果
2017/01/29 Javascript
原生JS实现幻灯片
2017/02/22 Javascript
浅谈Vue.js
2017/03/02 Javascript
Vue实现PopupWindow组件详解
2018/04/28 Javascript
JS非行间样式获取函数的实例代码
2018/06/05 Javascript
Vue.js添加组件操作示例
2018/06/13 Javascript
JavaScript常见继承模式实例小结
2019/01/11 Javascript
node.js的http.createServer过程深入解析
2019/06/06 Javascript
python中列表元素连接方法join用法实例
2015/04/07 Python
Python中单、双下划线的区别总结
2017/12/01 Python
numpy自动生成数组详解
2017/12/15 Python
python 定时器每天就执行一次的实现代码
2019/08/14 Python
利用Python产生加密表和解密表的实现方法
2019/10/15 Python
基于CentOS搭建Python Django环境过程解析
2020/08/24 Python
python 实现性别识别
2020/11/21 Python
康帕斯酒店预订:Compass Hospitality(支持中文)
2018/08/23 全球购物
Hoover胡佛官网:美国吸尘器和洗地机品牌
2019/01/09 全球购物
竞选班委演讲稿
2014/04/28 职场文书
2014年敬老院工作总结
2014/12/08 职场文书
Python保存并浏览用户的历史记录
2022/04/29 Python