意外的关闭行为

Question

我计划在正在构建的框架中做“扩展点”，我正在寻找一种方法，我可以如何为扩展提供“核心”，以便它可以添加功能但不暴露可以任意的核心对象被操纵（我知道提供一个界面是更好的主意）但是，当我在测试（以及学习）时，我想知道为什么会发生这种情况：

(function() {
    var core = {'bar': 'foo'}
    function getCore() {return core;}
    window.kit = {
        core: core,
        getCore: getCore
    }
}());

//initial check
console.log(kit.core)
console.log(kit.getCore());

//change the bar
kit.core.bar = 'baz';

//we will both see 'baz'
console.log(kit.core)
console.log(kit.getCore());

//null the core
kit.core = null;

//this time...
console.log(kit.core)       //core is null on this one
console.log(kit.getCore()); //why is the core still there on this one?​​​​​​​​​​​​

Answer 1

了解对象和对象引用之间的区别很重要。

一开始，core 和 kit.core 引用同一个对象。对对象本身的任何更改都将反映在对该对象的所有引用中。但是，如果其中一个引用发生更改，其他引用不会自动更改。

这一行：

kit.core.bar = 'baz';

修改kit.core 和core 引用的对象。引用不会改变，但对象会改变。这反映在两个参考文献中。

这一行：

kit.core = null;

将引用kit.core 修改为引用null，但不更改core，它仍然引用原始对象。对象本身不会改变。

Answer 2

“getCore()”函数是指名为“core”的局部变量，而不是名为“core”的对象属性。

如果您将“getCore()”更改为返回 this.core 而不仅仅是 core，那么您会看到您所期望的。