Question

页面上有几个模块：

// module 1
require(['signalr'], function(s) {
    s.subscribe('myhub1', function () { /* some code */ });
});

// module 2
require(['signalr'], function(s) {
    s.subscribe('myhub2', function () { /* some code 2 */ });
});

在调用所有模块（所有订阅都完成）之后，应该调用方法：

require(['signalr'], fuinction (s) { s.connect(); });

可能的解决方案是定义模块并按如下方式编写：

// module 1
define('module 1', ['signalr'], function(s) {
    s.subscribe('myhub1', function () { /* some code */ });
});

// module 2
define('module 2', ['signalr'], function(s) {
    s.subscribe('myhub2', function () { /* some code 2 */ });
});
require(['signalr', 'module 1', 'module 2'], fuinction (s) { s.connect(); });

但问题是不同的页面有不同的模块，比如说：

page1.cshtml：模块1

page2.cshtml：模块1，模块2

所以我写不出来： require（['signalr'，'module 1'，'module 2']，fuinction（s）{s.connect（）;}）; 因为模块2可能没有在page2.cshtml上定义。

Answer 1

最好的方法是有条件地构建一个数组并将其传递给require函数，然后在问题中提到的回调中运行完成。

var modulesToLoad = [];

// Build the array

require(modulesToLoad, function (s) { 
    s.connect(); 
});

如果由于某种原因你无法将你的调用聚合成一个需求，你将需要跟踪要加载的模块并在完成所有已加载的情况下运行检查，然后运行清理代码

var checkIfLoaded = {
    myhub1 : false,
    myhub2 : false,
    myhub3 : false
}

function checkIfReady(s) {
    for (var prop in checkIfLoaded) {
        if ( ! checkIfLoaded[prop] ) {
            return false;
        }
    }

    // Completion code
    s.connect();
}

require(['myhub1'], function(s) {
    checkIfLoaded.myhub1 = true;
    checkIfReady(s);
});

require(['myhub2'], function(s) {
    checkIfLoaded.myhub2 = true;
    checkIfReady(s);
});

考虑到这一点，您应该能够构建一个需求数组

加载所有requirejs模块后运行操作

1 个答案: