javascript - 除了 Promises 之外，还有什么模式可以编排函数调用吗？

Question

我正试图逃离厄运金字塔。想象一下以下函数调用系列:

$.wait(1000).done(function() {
    //Do something

    $.wait(5000).done(function(){
        //Do something else

        $.wait(2200).done(function(){
            //Do something else
        });
    });
});

其中 $.wait 函数定义为:

$.wait = function (duration) {
    return $.Deferred(function (dfd) {
        setTimeout(dfd.resolve, duration);
    });
};

问题是如何重构上述代码，使其变得可读/可维护？

Answer 1

好吧，您的代码中已经有 promise (或者至少是延迟)，因此没有充分的理由去寻找不同的编码模式。但是您可以flatten your callback pyramid通过将 Promise 回调与全能的 then method 链接起来而不是嵌套它们(使用 done):

$.wait(1000).then(function() {
//           ^^^^
    //Do something
    return $.wait(5000);
//  ^^^^^^
}).then(function() {
// ^^^^
    //Do something else
    return $.wait(2000);
//  ^^^^^^
}).then(function() {
// ^^^^
    //Do something else
});

这与您的代码完全相同。