为什么我的js代码没有反映正确的运行时值？

Question

当我运行此代码时(under a <script> code)

window.msg = { a: 0}
var b = window.msg;

function g()
{
    console.log(b)
}
msg = {  a: 1};
g()

在控制台中 - 我得到{a：0}。

这是为什么 ？ 我以为msg = { a: 1}; 将更新参考...

Answer 1

如果您将代码更改为：

window.msg = { a: 0}
var b = window.msg;

function g()
{
    console.log(b)
}
msg.a = 1; // this line is changed
g()

你会得到{a:1} 。

你重新分配了msg所以b只指向msg的旧值。

b不引用window.msg而是引用{a:0}对象。

Answer 2

您正在创建对象{ a: 0 } ，并将该对象的引用分配给msg和b 。 稍后，您正在创建一个新对象{ a: 1 } ，并将该对象的引用分配给msg ，但b仍然引用原始对象：

window.msg = { a: 0} // msg --> { a: 0 }, b --> undefined
var b = window.msg;  // msg --> { a: 0 }, b --> { a: 0 }

msg = { a: 1};       // msg --> { a: 1 }, b --> { a: 0 }
g()                  // prints b --> { a: 0 }