如何将一个javascript应用程序拆分成多个文件？

9 浏览
0 Comments

如何将一个javascript应用程序拆分成多个文件？

我创建了一个JavaScript应用程序，所有的代码都在一个文件中。这个应用程序已经变得相当庞大，我认为现在是将其拆分为多个文件的时候了，但是我在弄清如何做到这一点方面遇到了困难。我认为问题出在我决定构建应用程序的方式上，它使用以下模板：

var myApp = function(){
    //有几个全局变量，所有模块都使用它们；
    var global1, global2, module1, module2;
    global1 = {
        prop1:1
    };
    //还有几个在模块之间共享的函数
    function globalFunction(){
    }
    var ModuleOne = function(){
        function doSomething(){
            //使用全局函数
            globalFunction();
        }
        return{
            doSomething:doSomething
        }
    };
    var ModuleTwo = function(){
        function doSomething(){
            //模块2也需要全局函数
            globalFunction();
            //使用模块1中的功能
            //我可以重构这部分代码使其松散耦合/事件驱动
            module1.doSomething();
        }
    };
    module1 = new ModuleOne();
    module2 = new ModuleTwo();
};

即使所有模块都是松散耦合和事件驱动的，我仍然不知道如何将其拆分为多个文件，因为每个模块都依赖于共享的函数/变量。有人有什么建议吗？

0