Question

我有一个需要执行一些启动/启动的应用程序，如：

AJAX
dynamic requirejs
路由，设置其他内容

才能运行。

我现在很难以一致的方式组织这些任务。特别是异步行为让我很头疼。目前我正在使用事件来共享提取的结果并观察应用程序的状态。不幸的是，这导致了令人不快的垃圾。然后我尝试使用一些承诺库，如q，jquery.defered，但它们并不真正符合我的问题。

这是代码的简化版本：

// this could be an ajax call fetching some user data
var fetchUser = function() {
    var user = {};
    // lets emulate the ajax call with setTimeout
    setTimeout(function() {
        // set some values
        user.username = 'bodo';
        user.password = 'helloKitty';
        // return the user object we "fetched"
        return user;
    }, 300);
};

// this could fetch some config or some requirejs modules
var fetchConfig = function() {
    var config = {};
    // we emulate this too...
    setTimeout(function() {
        return config;
    }, 200);
};

// this could be anything else like setting up some objects
var justSetUpSomething = function() {
    var someObj = {};
    someObj.router = 'this could be a router object for example';
    someObj.logger = 'or a logger';
    return someObj;
};

// in the final step everything should be merged together
// and be passed as event argument
var finalStep = function(user, config, someObj) {
    var mainObj = {};
    mainObj.user = user;
    mainObj.config = config;
    mainObj.someObj = someObj;
    // trigger some event system
    trigger('everything:ready', mainObj);
};

另见： http://jsfiddle.net/uzJrs/3/

我希望这能描述我的问题：

有三种完全不同的异步任务。当他们全部准备就绪时，他们的结果必须合并，并以某种方式传递给另一个对象。

事件使这个可行，但远远不能理解，承诺也不会让我开心。 是否还有其他有用的设计模式？

Answer 1

首先，由于您已经有requirejs，您可以使用它来加载您的三个模块。 Requirejs异步并行地解析依赖项，并在加载时调用最终的工厂函数。

但是，每个Deferred库也提供合并promise的函数：合并后的函数会在所有单个解析时解析，或者如果其中一个被拒绝则会被拒绝。相应的功能是Q.all和jQuery.when：

function fetchX() {
    var d = new $.Deferred();
    asynchronousThing(function callback(x) {
        d.resolve(x);
    });
    return d.promise();
}
$.when(fetchX(), fetchY(), …).then(function finalStep(x, y, …) {
    // merge everything together
    return new Event();
}).done(function readyCallback(e) {
    // this is effectively your 'everything:ready' "event"
});

Answer 2

只要依赖关系得到解决，听起来听起来就像你的大多数功能实际上是同步的一样（即config和someObj不会做任何异步的事情异步加载。如果您使用的是require.js，您是否尝试使用其功能通过require从代码的角度使define调用同步？那么您只需要担心调用哪个必须是异步的（fetchUser）。

// In app/main.js perhaps? define(["data/user", "app/config", "app/someObject", "app/events"], function(user, config, someObj, eventBus) { // By the sound of it config and someObj are ready once loaded var mainObj = {"config": config, "someObj": someObj}; eventBus.register_once("data:user:loaded", function(user) { mainObj.user = user; eventBus.trigger("everything:ready", mainObj); }); user.fetchUser() }); // in data/user.js define(["app/config", "app/events", "vendor/jquery"], function(config, eventBus, $) { function user_loaded(user) { eventBus.trigger("data:user:loaded", user); } function fetchUser() { $.get(config.dataendpoint + "/user/1", user_loaded); } return {"fetchUser": fetchUser}; });

如何处理这些异步函数（设计模式？）

2 个答案: