Javascript模块化编程内存/性能使用：好还是坏——意见？

我相信我所做的就是所谓的“模块化”。 只是学习Javascript

我目前将每个模块保存在一个单独的.js文件中。 这便于维护和故障排除

每个文件都格式化为一个变量。 这是许多javascript文件的包装器示例：

var FreeHand=函数pixy{ };

假设FreeHand.js上面的文件以及其他许多文件被称为：

        var theBakery = coolCakeBakeryWithOnlineCakeDesign = 'the Pixy Cakes Bakery in Avondale, Arizona';

        var pixy = new Pixy( theBakery );
        var coffee = new Coffee( pixy );
        var decorator = new Decorator ( pixy );
        var freeHand = new FreeHand( pixy );
        var info = new InfoPanel ( pixy );
        var oven = new Oven( pixy );
        var pixyDust = new MagicPixyColors( pixy );
        var tips = new HandyTips( pixy );
        var signals = pixy.signals;

    </script>

signals.js用于每个模块之间的通信，在少数需要的情况下

我的问题是，这是“最佳内存设计”的好格式吗？或者——基本上假设我是新手，这是一个好格式吗。意见？帮忙

---

PS：如果你想看到我从第一个JS项目中复制这种格式的一个实例，并看到它的工作情况，检查：

实际上，通过使用new关键字从一些构造函数创建一些对象实例，您正在执行非常基本的OOP，我认为您指的是模块化模式，但在本例中，它是设计模式的一个广泛概念，您没有这样做。这是模块化模式的基本结构：

(function () {
    // All vars and functions are in this scope only
    // still maintains access to all globals
}());

---

你可以阅读以下内容：1。2. .

这对于在开发中组织代码非常有用，但对于生产，您的网站将因为必须执行如此多的独立GET请求而受到性能的影响：

<script src="../examples/js/controls/EditorControls.js"></script>
<script src="../examples/js/controls/TransformControls.js"></script>
<script src="../examples/js/loaders/BabylonLoader.js"></script>
<script src="../examples/js/loaders/ColladaLoader.js"></script>
<script src="../examples/js/loaders/OBJLoader.js"></script>
<script src="../examples/js/loaders/PLYLoader.js"></script>
<script src="../examples/js/loaders/STLLoader.js"></script>
<script src="../examples/js/loaders/UTF8Loader.js"></script>
etc.

一个解决方案是，它允许您模块化javascript，但将它们编译成一个.js文件以供生产使用。然后在浏览器中，您只需要加载一个脚本，而不是几十个

就工作流程而言，您可能需要查看或。这些任务运行程序可以监视.js文件的更改，并自动执行构建步骤。例如，每次更改文件时，browserify任务将自动运行，而不必在命令行上触发它