javascript - 在内存中加载javascript对象的正确方法？

Question

我的 web 应用程序使用了大约 30 个 js 文件，每个文件包含 1 个函数。所有这些函数现在都是自调用的并且相互引用。

问题是index.jsp 中脚本的顺序很重要。如果在尚未调用的函数上调用方法，我们会收到未定义的错误。

有一段时间，我们可以通过控制 <script> 的顺序来克服这个问题。标签，但我想通过使用加载脚本来做到这一点。

我设置了一个小fiddle展示我的概念。我最担心的是我必须在全局范围内声明我的对象，以便可以在 jquery(document).ready() 中访问它们。功能。

这是一个好的模式吗？任何提示都非常感谢!

Answer 1

您可以使用RequireJS或类似的加载器，它将为您处理脚本依赖项。

您需要修改每个 JS 文件，使其成为与此示例类似的模块:

// File: module3.js
define(["module1", "module2"], function(m1, m2) {
    // Here, module1 and module2 are guaranteed to be loaded.
});

然后，您将制作一个“主”脚本(我通常称之为 main.js)并需要几个模块:

require(["module3"], function (m3) {
  // Here module3 is loaded, as well as module1 and module2 
  // - because module3 depends on them.
});

并将其放入您的 HTML 中:

<script data-main="scripts/main" src="scripts/require.js"></script>