Question

我对如何在JS模块实现中初始化本地对象感到困惑。我有一个局部变量（一个对象），我尝试在我返回的对象文字中访问;但是，当我尝试向该对象添加新属性时，它表示未定义。但如果我不这样做，我可以轻松地将本地对象的值设置为其他任何东西。

这是我的代码：

var myModule = (function(){
    var myLocalObj = {}; // I always get a warning in the IDE that this var is never read

    return{
        setObject:function(coll){
            this.myLocalObj = coll; // this works just fine
            this.myLocalObj.newProp = coll.prop // fails because 'myLocalObj' is undefined. 
        },
        getObject:function(coll){
           return this.myLocalObj;
        }
    };
})();

myModule.setObject(obj); // this is what I call after an ajax call is complete

Answer 1

问题是myLocalObj不是返回对象的属性，它是属于范围的局部变量。因此，您可以直接使用

访问

setObject:function(coll){
    myLocalObj = coll; // be aware! you're overriding the original {}
    myLocalObj.newProp = coll.prop // now it works as expected
}

因为闭包（setObject）可以访问范围变量。您还需要一个getter来访问外部的数据

getObject:function(){
    return myLocalObj;
}

或者如果您需要保持安全参考

getProp:function(prop){
    return myLocalObj[prop];
}

希望你觉得它很有用！

Answer 2

我将解释为什么这些行正在做你所看到的：

this.myLocalObj = coll; // this works just fine
this.myLocalObj.newProp = coll.prop // fails because 'myLocalObj' is undefined.

this.myLocalObj未定义。

所以undefined = 'some value'默默地失败了。所以＆＃34;这很好用＆＃34;不是真的。

this.myLocalObj.newProp与undefined.newProp相同。

undefined没有属性newProp，因此错误。

当然，我还没有测试过任何一个，就像每个优秀的程序员一样！：d

Answer 3

在您的代码中， this 引用返回的对象。因此，使用 this 修改api而不是myLocalObj。如果您希望能够为myLocalObj分配除已存在的空对象以外的其他内容，您可能想尝试这样的事情。

    var improvedModule = (function(){
    var myLocalObj = {};

    var api = {
        init: function(obj) {
            if (obj) {
                myLocalObj = obj;//if this is not an object the api may break doing this!!!
            }
        },
        get: function(prop) {
            if (myLocalObj[prop]) {
                return myLocalObj[prop];
            }
        },
        set: function(prop, val) {
            myLocalObj[prop] = val;
        }
    };

    return api;
})();

improvedModule.init({
    foo: true,
    bar: false
});

console.log(improvedModule.get('foo'));

JS模块模式：如何初始化本地对象

3 个答案: