解释这段 javascript 代码

Question

我有一个关于变量赋值的问题

var foo = {n: 1};

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

console.log(foo.x) // undefined

为什么foo.x 是undefined？

Answer 1

= 赋值运算符是右关联的，这意味着从右到左计算赋值链。也就是语言对待这个

x = y = x+2;

好像是写出来的

x = (y = x+2);

所以首先y 被分配了加法的结果（5），然后x 被分配了该分配的值，这也是5。

你问题中的第一个例子是同一个故事，但事情有点复杂：

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

所做的第一个赋值是对该对象字面量的foo。但是，在该点之前，语言将确定foo.x 的引用值，这是对原始 @ 上的（尚不存在的）属性的引用987654331@ 对象。因此，当对该属性进行右侧赋值时，它确实有效，但该属性设置在旧对象上，而不是新对象上！

我们换个例子：

var foo = {n: 1}, foo2 = foo;

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

console.log(foo2.x); // { n: 2 }

该版本在变量foo2 中保留了对foo 原始值的另一个引用。即使 foo 在双重赋值中被覆盖，foo2 将继续引用原始的 foo。