详细分析 javascript 的内存分配

JavaScript语言是一门优秀的脚本语言.其中包含脚本语言的灵活性外还拥有许多高级语言的特性.例如充许构建和实例化一个对象,垃圾回

收机制(GC:Garbage Collecation).通常我们使用new创建对象,GC负责回收对象占用内存区域.因此了解GC,可以加深对JavaScript垃圾回收

机制的理解。

1.用局部变量和全局变量解释GC

GC在回收内存时,首先会判断该对象是否被其它对象引用.在确定没有其它对象引用便释放该对象内存区域.因此如何确定对象不再被引用是

GC的关键所在.

1.  <script>

2.          function aa(){

3.              this.rr = "弹窗";

4.          }

5.          function bb(){

6.          this.rr = "弹窗";

7.          }

8.

9.          var b1;

10.         function cc(){

11.             var a1 = new aa();

12.             b1 = new bb();

13.                     return b1;

14.         }

15.

16.         cc();

17.         alert(b1.rr)

18.     </script>

如上代码中，执行完cc()后a1被回收了,此后我们可以通过b1.rr弹出文字窗口.在一些基础书籍中解释为:a1为局部变量,b1是全局变量.局部

变量执行完后会被GC回收.但不全是这样,如下代码:

1.  <script>

2.          function aa(){

3.              this.rr = "弹窗";

4.          }

5.          function bb(){

6.              this.rr = "弹窗";

7.          }

8.

9.          function cc(){

10.             var a1 = new aa();

11.             var b1 = new bb();

12.                 return b1;

13.         }

14.

15.         var b1 = cc();

16.         alert(b1.rr);

17.     </script>

此时cc函数中的 a1,b1都是局部变量,但仍然会弹出文字窗口.说明b1并没有被GC回收.因此JavaScript中局部变量不是所有时候都被GC回收的.

2.抽象理解GC

GC回收机制还需要近一步了解。在此时引入几个概念:双向链表,作用域链,活动对象(为了方便理解，简化了原文的概念

[http://softbbs.pconline.com.cn/9497825.html]), 其中双向链表描述复杂对象的上下层级关系. 作用域链与活动对象分别是双向链表

中的某个节点.以函数cc为例变量层级关系为:

1.  window<=>cc<=>a1<=>rr

2.                          <=>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无法回收目标对象.例如:

1.  <SCRIPT LANGUAGE="JavaScript">

2.        <!--

3.      //猫

4.      function cat(name){

5.          var zhuren ;

6.          this.name = name;

7.

8.          //设置主人

9.          this.addZhuRen = function(zr){

10.             zhuren = zr;

11.         }

12.

13.         this.getZhuRen = function(){

14.             return zhuren;

15.         }

16.     }

17.

18.     //主人

19.     function zhuren(name){

20.         this.name = name;

21.     }

22.

23.     //创建主人:

24.     var zr = new zhuren("zhangsan");

25.     //创建猫

26.     var cat1 = new cat("asan");

27.     //设置该猫的主人

28.     cat1.addZhuRen(zr);

29.     //释放主人

30.     zr = null ;

31.     //此处还存在对主人对象的引用

32.     alert(cat1.getZhuRen().name)

33.       //-->

34.   </SCRIPT>

了解javascript的人都知道数据的基本类型按大的分类有两种：原始值和引用值

在研习算法的时候会过多的和内存打交道；理解栈和堆的定义是很重要的，算法就是为了能够获得最大的效率

任何语言都是如此，javascript也不例外；在javascript中，我在把变量类型分为原始类型和引用类型。原始类型是放在栈即内存中，而引用类型这是放在堆中。在ECMAscript中，也是这么定义的。

栈

主要作用表现为一种数据结构，是只能在某一端插入和删除的特殊线性表。它按照后进先出的原则存储数据，先进入的数据被压入栈底，最后的数据在栈顶，需要读数据的时候从栈顶开始弹出数据（最后一个数据被第一个读出来）。

栈是允许在同一端进行插入和删除操作的特殊线性表。允许进行插入和删除操作的一端称为栈顶(top)，另一端为栈底(bottom)；栈底固定，而栈顶 浮动；栈中元素个数为零时称为空栈。插入一般称为进栈（PUSH），删除则称为退栈（POP）。栈也称为后进先出表。在这里用数组进行模拟栈的特性

栈可以用来在函数调用的时候存储断点，做递归时要用到栈！

?

var arr=[];//创建一个数组模拟栈

arr.push("a");//压入元素a

arr.push("b");//压入元素b

arr.pop();//弹出元素a

arr.pop();//弹出元素b

arr.push("c");//压入元素c

图谱解释：

从上图可以看出栈有着先进后出的特性；在栈中的数据直接可以访问，效率比较高

堆：

在程序中，堆用于动态分配和释放程序所使用的对象。在以下情况中调用堆操作：

1.事先不知道程序所需对象的数量和大小。

2.对象太大，不适合使用堆栈分配器。

堆使用运行期间分配给代码和堆栈以外的部分内存。

在javascript中，引用数据是放在堆中的，例如数组和对象，因为在javascript中，一切都是对象，对象可以进行扩展，放置在堆中可以进 行不断的扩展，如果放在内存中就会消耗大量资源。放置在堆中的数据的查询效率比较低。这也是内存优于堆的好处，但是内存的存储空间要比堆的小很多。

?

function Car(id,name,price)

{

this.id=id;

this.name=name;

this.price=price;

}

var num=24;

var str="car";

var bol=false;

var obj={};

var arr=[1,2,3];

var car=new Car(1,"benze",230000);

图谱解释：

这样很清楚的知道栈和堆的区别；原始类型的数据放在栈中，引用类型的数据放在堆中。引用类型的数据同C中的指针很类似，我们不能直接操作堆中的数据，我们通过一个指针来引用这些数据进行操作，看以看作是远程操控。

栈与堆的区别：

1 效率的不同

栈的效率比堆要高，栈中的数据直接可以使用，而对则需要通过引用来进行操作，即栈的速度比堆快

2 空间存储不同

堆的存储空间要比栈大

3 放置数据类型的不同