javascript - 使用 RequireJS 从数组中动态加载模块

Question

我正在使用 RequireJS AMD 加载方法开发应用程序。

我有我的模块从配置文件动态拾取到一个数组中

var amd_modules = ["module1", "module2","module3"]

现在我有我的requireJS代码

require(amd_modules, function(result) {
console.log("All modules loaded");
}

现在，结果变量显示了第一个模块，即“module1”。如何将其他模块也放入 function() 括号内的变量中。

例如，

require(amd_modules, function(module1, module2, module3) { //
}

我无法编写上述硬编码，因为动态变量的数量直到运行时才知道。请让我知道如何在函数内动态捕获对象。

谢谢

Answer 1

只需使用arguments：

require(amd_modules, function() {
    console.log("All modules loaded");
    // arguments should now be an array of your required modules
    // in the same order you required them
});

但是，除非您有充分的理由这样做，否则您可能需要重新考虑设计应用程序的方式——即使在最顶层，您的模块也应该简单且可测试。具有广泛不同数量的依赖项表明您可能正在尝试在回调函数中做很多事情。将每个代码路径分解成自己的模块，然后只切换到您的顶级依赖项。在代码中：

// Instead of this:
require(amd_modules, function() {
    console.log("All modules loaded");
    if (complex_condition_A) {
        var x = arguments[0],
                y = arguments[1],
                z = arguments[2];
        // Do things with x, y and z
    }
    else if (complex_condition_B) {
        var a = arguments[0],
                b = arguments[1];
        // Do things with a and b
    }
    else {
        // et cetera, et cetera, et cetera
    }
});


// Do this instead
var rootModule;
if (complex_condition_A) rootModule = "A";
else if (complex_condition_B) rootModule = "B";
else rootModule = "C";
require(rootModule, function(root) {
    // Root has the same API, regardless of which implementation it is
    // This might be as simple as an `init` method that does everything
    // or as complex as, say Facebook's API, but with different libraries
    // loaded depending on the platform the page is loaded on
    // (IE vs. Android for example).
});

Answer 2

尝试这样的事情：

define(function () {
    var ClassLoader = function () {
        var _construct = function () {
                return _public;
            },
            _loadClass = function (className, callback) {
                //
                require([className],
                    function (LoadedClass) {
                        callback(LoadedClass);
                    });
            },

            _public = {
                loadClass: _loadClass
            };
        return _construct();
    }
    return ClassLoader;
});