Question

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

我将模块从配置文件中动态拾取到数组

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

现在我有了requireJS代码

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

现在，结果变量显示第一个模块是＆＃34; module1＆＃34;。如何将其他模块也放入function（）括号内的变量中。

例如，

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

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

THX

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;

}）;

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

2 个答案: