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 = {n: 2};
//由于.属性运算优先高于=赋值运算
//第三行代码可看作：foo = foo.x = {n:2};
// 再次拆分一下：
//foo.x = {n:2}; 此时对象foo具有属性x,同时bar与foo具有相同的引用也具有了属性x,所以 bar = {n:1,x:{n:2}};
//foo = {n:2};  对象foo重新赋值为{n:2}
//因此
console.log(foo.x);//undefined
console.log(bar.x);//{n:2}

这样你懂了吗？