javascript - RequireJS：在回调中定义

Question

在我的模块中，我想推迟“定义”调用，但 RequireJS 在文件加载后运行回调，而不是在“定义”时运行回调......例如：

一个.js：

require(['b'], function(b){
  console.log(b);
});

b.js：

define({'foo':'bar'});

这按预期工作，写入对象 {foo:bar}。但是，如果我将“定义”移动到延迟函数：

b.js：

setTimeout(function(){
  define({'foo':'bar'});
}, 1000);

然后 console.log(b) 写入“null”。

怎么了？

Answer 1

我认为任何延迟或延迟都应该发生在定义函数中，或者您可以使用一些回调模式，如下所示：

//a.js
require(['b'], function(b){
  b.getData(
    function(data) {
        console.log(data);
    }
  );
});

//b.js
define(function(){
    this.getData = function(callback) {
        setTimeout(function(_callback){
            return function() {
                _callback({'foo':'bar'});
            }
        }(callback), 1000);     
    }
    return this;
});

使用此模式，您可以在 a.js 中设置回调函数来处理来自 b.js 的延迟响应。

希望这对您有所帮助。