【JS】连续赋值问题：a.x = a = {n: 2}

完整代码：

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的结果。