requirejs - 多次调用 require 的性能

我想知道在具有多个模块的项目中使用 RequireJS 的正确方法是什么，关于具有较少依赖项的多个 require 调用与具有所有依赖项的单个 require 的性能。

让我们以一个应用程序为例，我需要加载一些模块：gmaps, jquery, module1, module2, module3。某些模块的使用是相当独立的。因此，问题是建议使用以下哪种替代方案（假设此代码是加载到页面中的主模块）：

require(['gmaps'], function(gmaps){
   gmaps.use();
});

require(['jquery','module1'], function(jquery, module1){
   module1.use();
});

require(['jquery','module2'], function(jquery, module2){
   module2.use();
});

require(['jquery','module3'], function(jquery, module3){
   module3.use();
});

vs

require(['jquery','module1','module1','module1','gmaps'], function(jquery, module1,module2,module3,gmaps){
   module1.use();
   module2.use();
   module3.use();
   gmaps.use();
});

换句话说，性能损失是多少require这是最佳实践。

这里问题的答案是“视情况而定”。我是作为一个在大型应用程序中使用过 RequireJS 的人来发言的not仔细阅读RequireJS的代码。 （只是指出，了解 RequireJS 内部结构的人可能会做出与我不同的解释。）require可以分为3种成本场景：

1. 如果模块从未被加载过，require从服务器加载文件，执行该文件，执行模块的工厂函数并返回对该模块的引用。 （从网络加载文件的成本通常使其他成本相形见绌。）

2. 如果模块已被加载但从未被需要，require执行模块的工厂函数并返回对该模块的引用。 （这通常会发生在优化应用。）

3. 如果模块已经被加载并且需要，require返回对模块的引用。

成本场景 1 > 成本场景 2 > 成本场景 3。

首先，我们考虑每个文件有一个模块的情况。该应用程序未优化。我有一个名为module1这是千载难逢的需要。它在主应用程序中的用法可以建模如下：

define(["module1", <bunch of other required modules>],
    function (module1, <bunch of other modules variables>) {

    [...]

    if (rare_condition_happening_once_in_a_blue_moon)
        module1.use();

    [...]
});

Here I always即使我不使用该模块，也要支付成本场景 1 的价格。最好这样做：

define([<bunch of required modules>],
    function (<bunch of module variables>) {

    [...]

    if (rare_condition_happening_once_in_a_blue_moon)
        require(["module1"], function (module1) {
            module1.use();
        });

    [...]
});

这样，我就需要付出加载模块的代价only千载难逢。

现在，如果我需要使用怎么办module反复？这可以建模为：

define(["module1", <bunch of other required modules>],
    function (module1, <bunch of other modules variables>) {

    [...]

    for(iterate a gazillion times)
        module1.use();

    [...]
});

在这种情况下，成本方案 1 只支付一次，仅此而已。如果我使用require像这样：

define([<bunch of required modules>],
    function (<bunch of module variables>) {

    [...]

    for(iterate a gazillion times)
        require(["module1"], function (module1) {
            module1.use();
        });

    [...]
});

我支付了一次成本方案 1anda（亿万次 - 1）成本场景编号 3. 在一天结束时，是否module1应包含在要求中define调用或单独调用require调用取决于您的应用程序的具体情况。

如果应用程序已通过使用进行优化，则分析会发生变化r.js或自制优化。如果应用程序经过优化，所有模块都在一个文件中，则每次您在上述情况下支付成本方案 1 时，您都需要支付成本方案 2。

为了完整起见，我将补充一点，如果您提前不知道您可能想要加载的模块，请使用require是必要的。

define([<bunch of other required modules>],
    function (<bunch of other modules variables>) {

    [...]

    require(<requirements unknown ahead of time>, function(m1, m2, ...) {
        m1.foo();
        m2.foo();
        [...]
    });

    [...]
});