javascript - 如何将同一闭包下的对象分离到不同的文件中

Question

我的客户有以下结构；

var myObject = (function(){
    var mainObjectList = [];
    var globalObject = {
            init:function(mainObjectId){
                var logger = {};
                var utilityObject1 = {};
                var utilityObject2 = {};
                var mainObject = {};
                mainObjectList.push(mainObject);
            },//init
            someOtherMethods:function(){}
        };//globalObject
    return globalObject;
})();

我可以和我的客户说我的对象.init(5);并创建一个新的结构。我的问题是我在 init 函数闭包中有很多实用对象(记录器、utilityObject1、utilityObject2..)。我的总文件超过 1000 行，所以我想将所有实用程序对象分成不同的文件以获得更好的项目。例如，我可以将 logger、utilityObject1、utilityObject2 分开到它们自己的文件中。问题是因为对象处于关闭状态，所以我不能将它们添加到单独文件中的主对象中。所以我想到了下面的注入(inject)方法。

//start of file1
var myObject = (function(){
    var mainObjectList = [];
    var globalObject = {
            init:function(mainObjectId){
                var logger;
                var utilityObject1 = {};
                var utilityObject2 = {};
                var mainObject = {};
                mainObjectList.push(mainObject);
            },//init
            someOtherMethods:function(){},
            injectLogger:function(creator){
                this.logger = creator();
            }
        };//globalObject
    return globalObject;
})();
//start of file2
myObject.injectLogger(function(){return {};});

这样我就可以分离我的文件以进行开发。但在生产中我可以将文件连接成一个文件。但是我对这个设计有一些问题。我刚刚在 myObject 中添加了一个可访问的 injectLogger 函数。并且我的记录器现在不能在闭包中使用其他局部变量(我现在必须将它们传递给创建者对象)。我的问题是有没有其他方法可以将这种代码分离到文件中。 (也许是外部实用程序。)

Answer 1

我喜欢用谷歌的闭包编译器http://code.google.com/closure/compiler/

如果你不想使用类似的东西，你可以尝试这样的事情:(确保你首先加载 globalObject.js 来定义变量)。

//globalObject.js
var globalObject = function() {

}

//init.js
globalObject.prototype.init = function() {
    this.utilityFunction();
    //do something with utilityObject1
    this.utilityFunction(this.utilityObject1);
}

//utilityFunction.js
globalObject.prototype.utilityFunction= function() {}

//utilityObject1.js
globalObject.prototype.utilityObject1 = {};

//main.js
var myObject = new globalObject();
myObject.init();

然后您可以通过执行以下操作来覆盖该函数:

//main.js
var myObject = new globalObject();
myObject.utilityFunction = function() {
    //new function
}
myObject.init(); // This will then use the new utilityFunction method you just set.