当前位置:编程学习 > JAVA >>

JavaScript内存管理

低级语言,比如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);

通过函数调用的内存分配

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

<code>var</code> <code>d = </code><code>new</code> <code>Date();</code>
<div><code>var</code> <code>e = document.createElement(</code><code>'div'</code><code>); </code><code>//分配一个DOM元素</code></div>
<div>


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

</div>
<div><code>var</code> <code>s = </code><code>"azerty"</code><code>;</code>
<div><code>var</code> <code>s2 = s.substr(0, 3); </code><code>// s2 is a new string</code></div>
<div><code>//因为string是不变量,JavaScript可能没有分配内存,但只是存储了0-3的范围。</code></div>
<div></div>
<div><code>var</code> <code>a = [</code><code>"ouais ouais"</code><code>, </code><code>"nan nan"</code><code>];</code></div>
<div><code>var</code> <code>a2 = [</code><code>"generation"</code><code>, </code><code>"nan nan"</code><code>];</code></div>
<div><code>var</code> <code>a3 = a.concat(a2); </code><code>// 新数组中有连接数组a和数组a2中的四个元素。</code></div>
<div>

值的使用

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

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

大多数内存管理的问题都在这个阶段。在这里最艰难的任务是找到“所分配的内存确实已经不再需要了”。它往往要求开发人员来确定在程序中哪一块内存不再需要并且释放它。
高级语言解释器嵌入了“垃圾回收器”,主要工作是跟踪内存的分配和使用,以便当分配的内存不再使用时,自动释放它。这个过程是一个近似的,因为要知道某块内存是否需要是 无法判定的 (无法被某种算法所解决).

 垃圾回收

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

  引用

垃圾回收算法主要依赖于引用的概念。在内存管理的环境中,一个对象如果有访问另一个对象的权限(隐式或者显式),叫做一个对象引用另一个对象。例如,一个Javascript对象具有对它原型的引用(隐式引用)和对它属性的引用(显式引用)。
在这里,“对象”的概念不仅特制Javascript对象,还包括函数作用域(或者全局词法作用域)。

  引用计数垃圾收集

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

  例如



<code>var</code> <code>o = { </code>
<div><code>  </code><code>a: {</code></div>
<div><code>    </code><code>b:2</code></div>
<div><code>  </code><code>}</code></div>
<div><code>}; </code></div>
<div><code>// 两个对象被创建,一个做为另一个的属性被引用,另一个被分配给变量o</code></div>
<div><code>// 很显然,没有一个可以被垃圾收集</code></div>
<div></div>
<div><code>var</code> <code>o2 = o; </code><code>// o2变量是第二个对“这个对象”的引用</code></div>
<div><code>o = 1; </code><code>// 现在,“这个对象”的原始引用o被o2替换了</code></div>
<div></div>
<div><code>var</code> <code>oa = o2.a; </code><code>// 引用“这个对象”的a属性</code></div>
<div><code>// 现在,“这个对象”有两个引用了,一个是o2,一个是oa</code></div>
<div></div>
<div><code>o2 = </code><code>"yo"</code><code>; </code><code>// 最初的对象现在已经是零引用了</code></div>
<div><code>// 他可以被垃圾回收了</code></div>
<div><code>// 然而它的属性a的对象还在被oa引用,所以还不能回收</code></div>
<div></div>
<div><code>oa = </code><code>null</code><code>; </code><code>// a属性的那个对象现在也是零引用了</code></div>
<div><code>// 它可以被垃圾回收了</code></div>
<div>

限制:循环引用

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

<code>function</code> <code>f(){</code>
<div><code>  </code><code>var</code> <code>o = {};</code></div>
<div><code>  </code><code>var</code> <code>o2 = {};</code></div>
<div><code>  </code><code>o.a = o2; </code><code>// o 引用 o2</code></div>
<div><code>  </code><code>o2.a = o; </code><code>// o2 引用 o</code></div>
<div></div>
<div><code>  </code><code>return</code> <code>"azerty"</code><code>;</code></div>
<div><code>}</code></div>
<div></div>
<div><code>f();</code></div>
<div><code>// 两个对象被创建,并互相引用,形成了一个循环</code></div>
<div><code>// 他们被调用之后不会离开函数作用域</code></div>
<div><code>// 所以他们已经没有用了,可以被回收了</code></div>
<div><code>// 然而,引用计数算法考虑到他们互相都有至少一次引用,所以他们不会被回收</code></div>
<div>

实际当中的例子

IE 6, 7 对DOM对象进行引用计数回收。对他们来说,一个常见问题就是内存泄露: 
<code>var</code> <code>div = document.createElement(</code><code>"div"</code><code>);</code>
<div><co
补充:web前端 , JavaScript ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,