?

一、引子

var a = {n:1};  
a.x = a = {n:2};  
alert(a.x); // --> undefined  

这是蔡蔡在看jQuery源码 时发现这种写法的。 以上第二句?a.x = a = {n:2}?是一个连续赋值表达式。 这个连续赋值表达式在引擎内部究竟发生了什么？是如何解释的？

二、猜想

猜想1：从左到右赋值，a.x 先赋值为 {n:2}，但随后 a 赋值为 {n:2}， 即 a 被重写了，值为 {n:2}，新的 a 没有 x属性，因此为undefined。

步骤如下

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

这种解释得出的结果与实际运行结果一致，貌似是对的。

注意猜想1中 a.x 被赋值过。

猜想2：从右到左赋值，a 先赋值为{n:2}，a.x 发现 a 被重写后(之前a是{a:1})， a.x = {n:2} 引擎限制a.x赋值，忽略了。

步骤如下：

a = {n:2};
a.x 未被赋值{n:2}

等价于?a.x = (a = {n:2})，即执行了第一步，这样也能解释a.x为undefined了。

注意猜想2中a.x压根没被赋值过。

三、证明

上面两种猜想相信多数人都有，群里讨论呆呆认为是猜想1， 我认为是猜想2。其实都错了。 我忽略了引用的关系。

如下，加一个变量b，指向a。

var a = {n:1};  
var b = a; // 持有a，以回查  
a.x = a = {n:2};  
alert(a.x);// --> undefined  
alert(b.x);// --> [object Object]  

发现a.x仍然是undefined，神奇的是 b.x 并未被赋值过(比如：