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

前端之家收集整理的这篇文章主要介绍了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.f2er.com/js/155884.html

猜你在找的JavaScript相关文章