码迷,mamicode.com
首页 > 编程语言 > 详细

javascript中变量重新赋值和引用重新赋值问题

时间:2017-10-26 18:08:34      阅读:210      评论:0      收藏:0      [点我收藏+]

标签:代码   对象   个数   问题:   不同   不同的   数据类型   引用   执行   

javascript中经常会遇到这样的问题:

 
var a=3;
var b=a;
a=5;
; //结果为5;
; //结果为3;
 
而在下面的代码中情况却发生了变化:
 
var a=1,b=2,c=3;
var Array=[a,b,c];
a=5;
;  //结果为1,没有发生变化;
 
 
var a=1,b=2,c=3;
var Array=[a,b,c];
Array[0]=5;
; //结果为1,a没有发生变化
 
在接下来的代码中情况又不同:
 
var a=1,b=2,c=3;
var Array=[a,b,c];
Array2=Array;
Array[0]=5;
; //结果为5;
 
 
var a=1,b=2,c=3;
var Array=[a,b,c];
var Array2=Array;
Array2[0]=5;
; //结果为5;
 
接下来解释上面代码执行结果不同的原因:
首先是栈和堆的问题,栈中储存的是基本类型的变量和对象的引用,它们的值直接存放在栈中;而堆中储存的是复杂的数据类型,例如数组对象和Object对象,他们的引用变量存储在栈中,指向存储在堆中的实际对象。
 
发生上面情况的原因是栈中的数据可以共享,在第一段代码中,a=3执行的时候栈中为值3分配了空间,而b=a的时候,b=3,关键是当a的值改变为5之后b的值却没有改变,这就是因为栈中数据可以共享的原因。假如执行a=3,b=3;a=3执行时为3分配了内存,那么b=3的时候不会在栈中分配内存存储3这个值,而是让b去指向已有的3,当a=5的时候,程序去寻找栈中有没有5这个值,如果有则让a去指向5,如果没有则重新分配内存存储5,显示在上面的例子中,a=5重新分配了内存,a此时指向了5,而b指向的值是3,并不会因为a的值的改变而改变。
 
在第二段程序中使用了数组,数组是存储在堆中的,当创建一个数组时,在堆中创建了一个数组对象,而在栈中创建了对数组的引用,指向存储在堆中的实际对象。所以当Array=[a,b,c]执行后,Array[0]=1,Array[1]=2,Array[2]=3;当a的值改变即a=5执行时,a先去检查栈中有没有5这个值,如果有则a直接指向5,如果没有则分配内存存储5,a指向5,但Array[0]的值并没有因此发生改变; 而Arrry[0]=5执行时,实际更改的是堆中的数据,不影响栈中a的值。Array=[a,b,c]相当于将a,b,c的值复制到了堆中。
 
在第三段程序中,Array2=Array,当Array的值发生改变时,实际更改的是堆中的对象,所以一个值改变,则两个数组对应的值都改变

javascript中变量重新赋值和引用重新赋值问题

标签:代码   对象   个数   问题:   不同   不同的   数据类型   引用   执行   

原文地址:http://www.cnblogs.com/songxiaochen/p/7738167.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!