频道栏目
首页 > 程序开发 > web前端 > JavaScript > 正文
JavaScript变量存储浅析(二)
2017-07-17 15:51:23      个评论    来源:wucong1206的博客  
收藏   我要投稿

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

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

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

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

\

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

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

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

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

var a = 100;     
 
func();

function func(){
    console.log(a);
    var a=200;        
    console.log(a);
}

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

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

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

var a=100;
var obj1={
    attr:'hello'
};

func(a,obj1);

function func(num,obj){
    var a2=num;
    a2=200;
    
    var obj2=obj;
    obj2.attr='hello';
}

console.log(a);
console.log(obj1.attr);

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

最后的执行结果为:

\

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

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

小结:

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

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

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

个人总结:基本数据类型存储只用到了栈区,而类对象存储既用到了栈区存储对象在堆区的地址,同时还使用了堆区存储实际的对象。

在分别用基本数据类型和类对象类型作为函数的参数的时候传递的分别是变量值以及对象地址,但相同的是他们都是传递栈区的值过去的。

点击复制链接 与好友分享!回本站首页
上一篇:js弹出确认取消对话框
下一篇:JavaScript实现的可变动态数字键盘控件三种方式二
相关文章
图文推荐

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训

版权所有: 红黑联盟--致力于做实用的IT技术学习网站