Javascript 显示模块模式 - 在函数返回后公开初始化变量

Question

我一直在使用 Javascript 显示模块模式，我喜欢它在公共接口和内部之间提供的清晰分离。然而，我不断遇到一种情况，这让我怀疑我的整体使用模式是否正确，或者我是否应该使用该模式的一些变体。

问题在于，当传递给模块的 init 函数并私下存储以供内部使用的内容时，也需要在 Knockout 绑定表达式或其他模块中公开公开。模块的返回语句会立即执行，稍后会调用 init 函数，通常会传递一些动态参数，例如在 Razor 视图中的脚本块中呈现的 Ajax URL 或原始 JSON。因为模块的 return 语句只返回私有变量的副本而不是引用，所以我在 init 函数中设置的私有变量不能改变已经返回的内容。

var productsModule = function() {

var urls;

var init = function(ajaxUrls) {
    urls = ajaxUrls;
};

return {
    init: init,
    urls: urls,
    getUrls: function() { return urls; }
};

}();

var customersModule = function() {

var doSomethingWithProductsModule = function() {
    alert(productsModule.urls); // undefined
    alert(productsModule.getUrls()); // object   
} ;       

return {
    doSomethingWithProductsModule: doSomethingWithProductsModule
};

}();

var urls = {
getProduct: '/Product/'
};

productsModule.init(urls);

customersModule.doSomethingWithProductsModule();

我的解决方法只是将诸如“url”之类的对象包装在一个函数中，然后通过 productsModule.getUrls() 访问它们。然而，这变得非常混乱，特别是如果变量是一个 Knockout observable，它本身就是一个函数，因此要评估它，我需要使用像 productsModule.getMyObservable()() 这样的双括号。

有没有更好的方法来使用至少接近揭示模块模式的东西来获取最新的内部值？

Answer 1

基本类型通过值传递，对象通过引用传递；您可以利用这一点，而不是在productsModule 中覆盖urls，您只需更新它。这样，在初始模块调用中返回的引用保持最新。我已更新您的代码以说明我的意思。

var productsModule = function() {

var urls = {};

var init = function(ajaxUrls) {
    // Merge properties into the original object instead; more robust approach
    // may be needed
    for ( name in ajaxUrls ) {
        if (ajaxUrls.hasOwnProperty(name)) {
            urls[name] = ajaxUrls[name];
        }
    }
};

return {
    init: init,
    urls: urls,
    getUrls: function() { return urls; }
};

}();

var customersModule = function() {

var doSomethingWithProductsModule = function() {
    alert(productsModule.urls); // undefined
    alert(productsModule.getUrls()); // object
} ;   

return {
    doSomethingWithProductsModule: doSomethingWithProductsModule
};

}();

var urls = {
    getProduct: '/Product/'
};

productsModule.init(urls);

customersModule.doSomethingWithProductsModule();

Answer 2

虽然我不完全喜欢必须遍历对象的所有可能级别以像这样合并它们的想法，但 El Yobo 的回答让我考虑让模块函数本身的结果成为其属性的局部变量我可以更新。

var productsModule = function() {

var urls;

var init = function(ajaxUrls) {
urls = ajaxUrls;
result.urls = urls;
};

var result = {
init: init,
urls: urls
};

return result;

}();


// Before init
alert(productsModule.urls); // undefined

var urls = {
getProduct: '/Product/'
};

productsModule.init(urls);

alert(productsModule.urls.getProduct); // /Product/

Answer 3

为什么不让 urls 成为可观察的属性？

看我的例子：

http://jsfiddle.net/Razaz/zkXYC/1/

var productsModule = function() {

    var urls=ko.observable();

    var init = function(ajaxUrls) {
        urls(ajaxUrls);
    };

    return {
        init: init,
        urls: urls,
        getUrls: function() { return urls(); }
    };

}();

var customersModule = function() {

    var doSomethingWithProductsModule = function() {
        alert(productsModule.urls()); // undefined
        alert(productsModule.getUrls()); // object   
    };       

    return {
        doSomethingWithProductsModule: doSomethingWithProductsModule
    };

}();

var urls = {
    getProduct: '/Product/'
};

productsModule.init(urls);

customersModule.doSomethingWithProductsModule();​

您好。