引用类型的赋值问题

问题描述：

1 var a = {n: 1};
2 var b = a;
3 a.x = a = {n: 2};
4 console.log(a.x);
5 console.log(b);
6 输出什么

 

错误分析：
直觉性的判断a.x={n,2};b={n:2,x:object};

写了JS示例，在火狐中经过F12调用控制台面板获得如下输出：

错误缘由有两点：

理解了引用类型变量的复制状况，没有理解引用类型变量做为指针实质，赋值时的使用。

操做符的优先级知识混乱。

 

正确解题思路：

首先了解，引用类型Object：

• 在复制变量时，两个变量做为指针指向同一个对象；
• 在变量赋值时，是从新指向另外一个对象；
• 经过点表示法，访问修改属性值时，所指向的对象地址不变；

其次关于操做符的有限性：

• 赋值是从右往左，可是"."（字段访问操做符）的优先于"="(赋值操做符);

在了解到这两点后，开始分析题目的处理过程：

1 var a = {n: 1};     //将a指向对象{n:1}
2 var b = a;          //引用类型变量复制，b也指向对象{n:1}
3 a.x = a  = {n: 2};  //按照操做符优先级处理a.x,即添加a所指对象的属性x,对象修改成{n:1,x:undefined}
4                     //再按照自右向左的顺序赋值，先引用类型a从新指向新对象{n:2}，
　　　　　　　　　　　　　//后从变量a向变量a.x赋值引用类型，指向同一个对象{n:2}
5 console.log(a.x);   //a没有x属性，undefined
6 console.log(b);     //b指向对象{n:1,x:Object}

附变量关系图：