如何跨多个函数处理 Promises？

Question

在下面的示例中，我有一个调用另一个函数的函数（实际上可能会调用另一个函数或发出 Ajax 请求）。

该示例适用于延迟第一个函数，但我不知道如何让它解析它可能调用的其他函数。

我是否必须将这些延迟对象传递给其他函数，或者是否有更优雅的方法来解决这个问题？（实际上，我正在使用 API 回调处理语音合成，因此示例中的基本结构不能更改太多）。

Fiddle 这里 https://jsfiddle.net/macgroover/ahz46rw1/

function slowCount(numbers, deferred) {
  if (deferred) {
    this.deferred = jQuery.Deferred();
  }
  if (numbers.length) {
    var number = numbers.shift();
    log('SC:' + number);
    setTimeout(function() {
      doSomething(number);
      slowCount(numbers);
    }, 500);

    return this.deferred.promise();
  } else {
    this.deferred.resolveWith(this, ['resolveWith']);
    //this.deferred.resolve();
    return;
  }
}

function doSomething(number) {

  setTimeout(function() {
    log("DS:" + number);
  }, 1000);
}

$(function() {  
    $.when(slowCount([1, 2, 3, 4], true)).done(function(rslt) {
      log("All tasks finished with " + rslt);
    });   
});

Answer 1

看看最底层的these rules - especially, always promisify，对你来说就是setTimeout：

function wait(timeout) {
    var deferred = jQuery.Deferred();
    setTimeout(deferred.resolve, timeout);
    return deferred.promise();
}

剩下的就很简单了：

function slowCount(numbers) {
    if (numbers.length) {
        var number = numbers.shift();
        log('SC:' + number);
        return wait(500).then(function() {
            return doSomething(number);
        }).then(function() {
            return slowCount(numbers);
        });
    } else {
        return $.when("end result");
    }
}

function doSomething(number) {
    // I assume you want this to be asynchronous as well
    // - so it returns a promise!
    return wait(1000).then(function() {
        log("DS:" + number);
    });
}

$(function() {  
    slowCount([1, 2, 3, 4]).then(function(rslt) {
        log("All tasks finished with " + rslt);
    });   
});

如何跨多个函数处理 Promises？

How do I handle Promises across multiple functions?

javascript

jquery

promise

deferred

jquery-deferred