javascript连等赋值问题

关于javascript连等赋值问题可以看一道题：
下面代码执行后，foo.x的值是 ？( )

var foo = {n: 1};
var bar = foo;
foo.x = foo = {n: 2};

相信大多数人思考过后给出的答案foo.x的值为{n: 2}，但事实上foo.x的值为undefined.
首先我们要知道一个概念就是：. 属性运算优先高于=赋值运算，且赋值从右到左，于是可以这样来拆分代码：

var foo = {
   n:1};
var bar = foo;
//此时foo与bar具有相同的引用，即bar = {n:1};
foo.x = foo