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

Posted 2020-10-12 宋晨

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的值发生改变时，实际更改的是堆中的对象，所以一个值改变，则两个数组对应的值都改变