Question

考虑以下陈述：

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

你能解释一下foo.bar为undefined而不是foo的原因吗？

Answer 1

执行赋值运算符时，JS首先计算左边部分。所以这个

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

被解释为

评估foo.bar。这会返回引用{base: Object {n:1}, property:bar}。
然后评估第二项任务：

2.1 eval foo。这会返回引用{base:<scope>, property:foo}

2.2。评估{n:2}。这会创建一个新对象。

2.3放置值：<scope>.foo = {n:2}

2.4返回{n:2}
将值放到第一个引用：{n:1}.bar = {n:2}。这样运行正常，但旧对象{n:1}不再可访问，因为<scope>.foo已经引用了新对象

详细信息：http://ecma-international.org/ecma-262/5.1/#sec-11.13.1

如果你之前复制了foo，你会发现最左边的=实际修改了旧对象：

＆＃13;

var foo = {n:1};
var oldFoo = foo;

foo.bar = foo = {n: 2};

document.write(JSON.stringify(foo) + "<br>")
document.write(JSON.stringify(oldFoo) + "<br>")

＆＃13;

Answer 2

因此，当foo.bar的分配发生时，引用将被填充到＆＃34;为foo。这使它成为原始对象。

让我们稍微扩展您的代码，使其更加清晰。

var foo1, foo2;
foo1 = foo2 = {n:1};
foo1 === foo2; // true
foo1.bar = foo1 = {n:2}
foo1.bar === foo2; // false
foo1 === foo2; // false

Answer 3

这里有两个对象在玩。一个将有一个酒吧财产，另一个将不会。为了表明这一点，我将原始对象存储在另一个变量中进行比较。

var foo = {n: 1};
var orig = foo;
foo.bar = foo = {n: 2};
console.log(foo, orig); // {n:2}, {n:1, bar: {n:2}}

在执行foo.bar行之前，foo仍包含原始对象，因此原始对象的bar属性将设置为新对象。

Answer 4

您更改了foo引用的对象。 bar中没有{n: 2}。你有什么期望？

JavaScript中的链式赋值和循环引用

4 个答案: