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

请考虑以下陈述：

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

你能解释为什么foo.bar未定义而不是foo吗？

解决方法

执行赋值运算符时,JS首先计算左侧部分.所以这

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

被解释为

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

2.1 eval foo.这将返回引用{base：< scope>,property：foo}

2.2. eval {n：2}.这会创建一个新对象.

2.3 put值：< 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,您会看到最左边的=实际修改旧对象：

var foo = {n:1};
var oldFoo = foo;

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

document.write(JSON.stringify(foo) + "<br>")
document.write(JSON.stringify(oldFoo) + "<br>")

原文地址：https://www.jb51.cc/js/155884.html