javascript - 如何将多个文件放入单个 namespace /模块中？ (javascript)

Question

我一直在阅读模块模式，但我阅读的所有内容都假定模块的全部内容都在一个文件中。我想每个类(class)有一个文件。

我在每个文件的顶部都采取了这种做法:

if(window.ModuleName === undefined) { window.ModuleName = {}; }

ModuleName.ClassName = function () { ... }

但这允许在没有依赖项的情况下包含文件，这也很烦人。例如，假设有一个使用 ClassB 的 ClassA，并且“ClassB.js”被排除在 HTML 之外，那么 ClassA 将抛出上错误。据我所知，Javascript 缺少 import 语句，所以在这种情况下，我实际上希望所有内容都在一个文件中。

我假设大型 javascript 项目被分解成多个文件，因此必须有一种解决方法。一般是怎么做的？是否有一些工具可以将多个类文件合并到一个模块文件中？

Answer 1

这是一个很大的话题，但让我尽可能多地解释一下。 Javascript 要求您预加载任何您打算使用的东西，这就是为什么您的模块模式将所有“东西”都放在同一个文件中。但是如果你打算将它们分开放在不同的文件中，那么你必须在使用前对其进行管理。我建议采用以下方法

1. 在服务器中提供它们之前将它们连接起来。例如，在 jsp 中，您可以创建一个返回 contenttype = "text/javascript"的 servlet，在该 servlet 中，您可以将所需的所有脚本附加到一个动态生成的脚本中，然后将其返回给客户端。

2. 在您的 ant 或 maven 构建等中，有一些配置，您可以在其中将它们与您想要的文件连接在一起。这是一种常见的做法，因此您应该在互联网上找到很多引用资料。

3. 延迟加载 javascript。这是我的首选方式。我用 Lazyload javascript library .基本上，我声明某些代码的依赖关系，就像 Java 中的“导入”一样，然后在我调用它们中的任何一个之前，我加载它们的依赖关系。这允许在没有脚本冗余的情况下优化依赖加载。问题是您需要编写一些相当复杂的脚本来执行此操作。

希望有所帮助。