JavaScript变量存储浅析(二)

Hello,上一篇(http://www.cnblogs.com/souvenir/p/4969399.html)我们简单的分享了JS中的变量存储原理,但是并未结束,我们漏掉了什么。

对了,就是关于对象的存储。

 

  大家都知道,JavaScript中的变量类型分为两种,一种是基本数据类型,包括:undefined,null,Number,String,Boolean,另外一种就是对象。

  两种数据类型的存储方式在JS中也有所不同。

  另外,内存分为栈区(stack)和堆区(heap),然后在JS中开发人员并不能直接操作堆区,堆区数据由JS引擎操作完成,那这二者在存储数据上到底有什么区别呢?

  我们简单的通过下面这张图来分析:

  

  JS中变量的定义在内存中包括三个部分:

    •   变量标示  (比如上图中的Str,变量标示存储在内存的栈区)
    •   变量值     (比如上面中的Str的值souvenir或者是obj1对象的指向堆区地址,这个值也是存储在栈区)
    •       对象        (比如上图中的对象1或者对象2,对象存储在堆区)

  也就是说,对于基本数据类型来说,只使用了内存的栈区。

 

  对于上一篇中提到的问题来说,

1 var a = 100;     
2  
3 func();
4 
5 function func(){
6     console.log(a);
7     var a=200;        
8     console.log(a);
9 }

  在JS预加载阶段,JS引擎只是在内存的栈区为每个变量分配了内存,指定了标示符,并未为其指定值。

  等到JS执行期才会为其赋值。

 

  现在我们再来看对象变量的问题就比较清楚了,例如下面的:

 1 var a=100;
 2 var obj1={
 3     attr:'hello'
 4 };
 5 
 6 func(a,obj1);
 7 
 8 function func(num,obj){
 9     var a2=num;
10     a2=200;
11     
12     var obj2=obj;
13     obj2.attr='hello';
14 }
15 
16 console.log(a);
17 console.log(obj1.attr);

  我们分别定义了一个基本类型和对象类型的变量,然后在函数中对其分别执行复制操作,然后修改新变量的值。

  最后的执行结果为:

  

  对于基本数据类型,在执行第9行时,JS是把num在栈区的值,也就是100复制给了a2这个局部变量,然后在第10行又修改了a2的值,

  这个操作过程并未影响到全局变量a的值。

 

  小结:

  对于对象来说,当JS执行12行的时候,实际上是把obj在栈区的值,也就是obj对象在堆区的引用地址,复制给了新的局部变量obj2,

  这时候,obj2与obj实际上已经指向了同一个堆区的对象,然后obj2修改了这个对象的某个属性值。然后函数执行完毕,obj2这个局部变量没有引用将会被GC回收。

  再次访问obj1这个全局变量时,其所指向的对象其实已经被修改过了。

 

  

posted @ 2015-11-17 12:39  大魔王萨格拉斯  阅读(6122)  评论(2编辑  收藏  举报