我一直在阅读模块模式,但我阅读的所有内容都假定模块的全部内容都在一个文件中。我想每个类(class)有一个文件。
我在每个文件的顶部都采取了这种做法:
if(window.ModuleName === undefined) { window.ModuleName = {}; }
ModuleName.ClassName = function () { ... }
但这允许在没有依赖项的情况下包含文件,这也很烦人。例如,假设有一个使用 ClassB
的 ClassA
,并且“ClassB.js”被排除在 HTML 之外,那么 ClassA
将抛出上错误。据我所知,Javascript 缺少 import
语句,所以在这种情况下,我实际上希望所有内容都在一个文件中。
我假设大型 javascript 项目被分解成多个文件,因此必须有一种解决方法。一般是怎么做的?是否有一些工具可以将多个类文件合并到一个模块文件中?
最佳答案
这是一个很大的话题,但让我尽可能多地解释一下。 Javascript 要求您预加载任何您打算使用的东西,这就是为什么您的模块模式将所有“东西”都放在同一个文件中。但是如果你打算将它们分开放在不同的文件中,那么你必须在使用前对其进行管理。我建议采用以下方法
在服务器中提供它们之前将它们连接起来。例如,在 jsp 中,您可以创建一个返回 contenttype = "text/javascript"的 servlet,在该 servlet 中,您可以将所需的所有脚本附加到一个动态生成的脚本中,然后将其返回给客户端。
在您的 ant 或 maven 构建等中,有一些配置,您可以在其中将它们与您想要的文件连接在一起。这是一种常见的做法,因此您应该在互联网上找到很多引用资料。
延迟加载 javascript。这是我的首选方式。我用 Lazyload javascript library .基本上,我声明某些代码的依赖关系,就像 Java 中的“导入”一样,然后在我调用它们中的任何一个之前,我加载它们的依赖关系。这允许在没有脚本冗余的情况下优化依赖加载。问题是您需要编写一些相当复杂的脚本来执行此操作。
希望有所帮助。
关于javascript - 如何将多个文件放入单个 namespace /模块中? (javascript),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3732941/