javascript - 使用 Javascript 或 jQuery 将值全局变量绑定(bind)到对象

Question

我有一个声明如下的对象(它的值是一个全局变量):

var example = {
    "foo": window.bar
} 

其他方法执行后的步骤，此值发生变化，但如果我想使用对象中的值，则为 undefined。

监听器似乎专门针对 DOM 元素而不是值，有没有一种方法可以将对象的值绑定(bind)到变量或更新对象中的值的东西？

这是我想要实现的示例:https://jsfiddle.net/ptbqqk6o/2

提前致谢

Answer 1

example.foo一旦您执行对 example 的分配，它就是未定义的: window.bar 的值在那一刻解决了，这在你的情况下还不存在，......所以undefined .

如果你想维护对将来可以变异的对象的引用，那么定义window.bar首先，在分配给 example 之前，并将其定义为一个对象。然后，永远不要将值重新分配给 window.bar ，但仅改变它:这样引用将保持共享:

window.bar = {}; // An object, for later mutation.

var obj = {
    foo: window.bar // a reference to the above object
}

window.bar.message = "this works!";

console.log(obj.foo);