JS 连续赋值

JS 连续赋值

经典案例:

var a = {n: 1}；
var b = a;
a.x = a = {n: 2}；
 
console.log(a.x);  //undefined
console.log(b.x)；	//{n:2}

var a = {n:1};
var b = a;
对 a 赋值 {n:1}, a 指向对象 {n:1},
对 b 赋值 a , b 也指向对象 {n:1}.

重点是 a.x = a = {n:2};

由于 . 的优先级高于 = 所以先执行a.x
a.x 表示给 a 所指向的对象添加一个属性 x,并且赋值 undefined.
也就是{n:1}这个对象被添加一个属性 x , 变成{n:1,x:undefined}

由于JavaScript 赋值是从右向左. 所以执行 a = {n:2} 
此时 a 指向了另一个对象 {n:2}, b仍旧指向对象 {n:1,x:undefined}

进一步赋值, a.x 其实是 {n:1,x:undefined}这个对象的x属性, 并不是被重新赋值的a所指向的对象的x属性
所以此时{n:1,x:undefined}的x属性被赋值为a = {n:2}这个对象,即 x 指向 {n:2}这个对象
赋值之后变成 {n:1,x:{n:2}}.

此时 a 指向 {n:2}, b 指向 {n:1,x:{n:2}}.

所以	 console.log(a.x); 输出 undefined
	 console.log(b.x); 输出 {n:2}