请考虑以下陈述:
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>")