对象属性的双重分配导致未定义属性[重复]

Question

谁能告诉我输出是怎么变成的吗未定义?

变量foo={n:2}；foo.x=foo={n:2}；console.log（foo.x）；//未定义

Answer 1

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

这个食品。x个指财产x个所引用对象的foo公司然而，foo={n:2}将一个全新的对象指定给foo公司.x个确实指定给了一个对象，但该对象会立即被另一个对象替换。带有x个属性不再被任何内容引用。

你可以把这句话读作

foo.x=（foo={n:2}）；

---

图形化解释

变量foo={n:2}；

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

控制台.log（foo.x）；

Answer 2

我将分解每个变量的赋值和输出。

变量foo={n:2}//foo:对象{n:2}//foo.x：未定义foo.x=3//foo：对象{n:2，x:3}//foo.x：3foo.x=foo//foo：对象{n:2，x:对象{n:20，x:Object（递归）}}//foo.x：对象{n:2，x:对象{n:20，x:Object（recursive）}}foo.x=foo={n:2}//foo:对象{n:2}//foo.x：未定义

如您所见，最后一行重置foo公司等于{编号：2}这使得食品。x个不存在（因为您覆盖了foo公司对象）

Answer 3

您的代码与此代码完全相同，

变量foo={n:2}；//foo==>{n:2}foo.x={n:2}；//foo==>{n:2，x:{n:2}}foo={n:2}；//foo==>{n:2}console.log（foo.x）；//未定义

因为对象中没有“x”键