a.x=a={n:1} JS中使用连等赋值操作

如果你在网上搜索js连续赋值，那么可以看到几乎都是以下这道题目

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

结果是不是和你想的不一样呢？这个解题思路在问答javascript 连等赋值问题，在这里可以看到很多，看完后我也认为是运算符优先级的问题，以下就结合其他人的想法和自己的思路做个总结。

我们分开分析

var a = { n: 1 };
var b = a;

a和b都指向{n:1}（我们且称为对象A，方便后面理解）

接着看下这段代码中有几个运算符？

a.x = a = { n: 2 };

有 赋值运算符 = 和 成员访问运算符 . 两个运算符
在上面的代码中，我们很容易忽视一个运算符：成员访问运算符. 。它的优先级为：19，仅仅比圆括号运算符()的优先级：20低，而赋值运算符=的优先级为：3
所以运行过程是

1.先获取对象A的属性x等待后面运算结果赋值
2.a={n:2}将变量a改为指向{n:2}（我们且成为对象B）
3.给对象A的x属性赋值，即指向对象B：{n:2}

运行下来
b还是指向对象A：{n:1,x:{n:2}}
a指向对象B：{n:2}

所以
a.x为undefined
b.x为{n:2}