使用 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;
});