完整代码:
var a = {n: 1};
var b = a;
a.x = a = {n: 2};
console.log(a.x);//undefined
console.log(a);
console.log(b);//{n:1,x:{n:2}}
console.log(a === b.x);//true
1、前言
我们得知道:
1、“.“运算符的优先级高于”=“运算符。所以一个式子中同时存在”.“和”=“时,先运行”.”。
2、"="其实是有返回值的,返回左边的值。
let a = 10; let b;console.log(b = a);//10
2、解析
我们一步步来分析
(1)、var a = {n: 1};
这很好理解,在堆地址中开辟了一处地址,保存{n:1},a指向这个地址。
2、var b = a;
引用对象的赋值,只是是改变指向,所以b也指向a所指向的地址。
(3)、a.x = a = {n: 2};
前言中".“的优先级是比”="高的,所以先运行a.x,及给a所指向的对象新增x属性,默认没有值,所以为undefined。
接着按照从左到右的顺序运行,a = {n: 2};
,运行以后a的指向变成了一个新地址。
注意此时,a原来所指向的对象中x属性仍然存在,因为还有b指向那个对象呢。但是此时已经不能通过a.x访问了,因为a现在指向{n:2}对象。
a = {n: 2};
返回{n:2},所以可以认为等价于a.x = { n:2 }。那么为什么a.x为undeined呢?这是因为a.x
在最开始已经运行了,我们给他命名为A
并且已经有了自己的指向,所以即使a变了,原来的a.x(A
)仍然指向第一个对象的x属性。而经过赋值后,A
就指向了{n:2}。所以就有了b.x === a为true的结果。