js中的连续赋值

最近在准备换工作的事情，面试中遇到js连续赋值的问题，在这里做个总结。

下面是面试题目

// 面试题
var a = { n: 1 };
var b = a;
a.x = a = { n: 2 };

console.log(a);
console.log(b);
console.log(a.x);
console.log(b.x);

首先来看下js中基本类型的连续赋值是下面这样：

var a = 1;
var b = a = 3;

js中赋值是从右到左的，所以上面的连续赋值可以分解为下面这样：

var a = 1;
a = 3;
var b = a;

所以最终，a = 3, b = 3.

但是面试题中的情况跟上面的不太一样，存在运算的优先级，当'.'跟'='同时出现时，先进行'.'操作再做赋值操作也就是'='。所以面试题的连续赋值可以分解为以下步骤：

// 面试题
var a = { n: 1 };
var b = a; // b = { n: 1 }
a.x = { n: 2 }; // a = { n: 1, x: { n: 2 } }, b = { n: 1, x: { n: 2 } }
a = { n: 2 };


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

剧终！