按顺序执行承诺

Question

此页面上的示例。 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/all

var p1 = new Promise(function(resolve, reject){
    console.log('p1');
    setTimeout(resolve, 5000, "one");
});
var p2 = new Promise(function(resolve, reject){
    console.log('p2');
    setTimeout(resolve, 3000, "two");
});
var p3 = new Promise(function(resolve, reject){
    console.log('p3');
    setTimeout(resolve, 2000, "three");
});
var p4 = new Promise(function(resolve, reject){
    console.log('p4');
    setTimeout(resolve, 1000, "four");
});
var p5 = new Promise(function(resolve, reject){
    console.log('p5');
    setTimeout(resolve, 4000, "five");
});

Promise.all([p1, p2, p3, p4, p5]).then(function(value) {
    console.log(value);
}, function(reason) {
    console.log(reason)
});

产量

p1, p2, p3, p4, p5

所有p1-p5都立即执行，但是假设我要对其进行排序。 p1解析后，应先调用p2，然后再调用p3。

我如何才能对Promise进行排序/链接（而不是并行） ，而不是一次全部迭代。

如果我在等待每个诺言时采取手动方法，则会造成回调地狱。 请指教。

Answer 1

首先，promise 创建后可能不会立即开始执行 。
（注意：这是相对于执行循环而言的。）

在上面的代码中，一旦退出当前执行循环， p1至p5就开始递减计数。

为了确保在您希望之前不执行承诺，您必须将它们包装在承诺生成函数中。

var p1 = function(){
    return new Promise(function(resolve, reject){
        console.log('p1');
        setTimeout(resolve, 5000, "one");
    });
};

var p2 = function(){
    return new Promise(function(resolve, reject){
        console.log('p2');
        setTimeout(resolve, 3000, "two");
    });
};

var p3 = function(){
    return new Promise(function(resolve, reject){
        console.log('p3');
        setTimeout(resolve, 2000, "three");
    });
};

var p4 = function(){
    return new Promise(function(resolve, reject){
        console.log('p4');
        setTimeout(resolve, 1000, "four");
    });
};

var p5 = function(){
    return new Promise(function(resolve, reject){
        console.log('p5');
        setTimeout(resolve, 4000, "five");
    });
};

对于上述情况，如果您已经知道所拥有的诺言数量，则可以将诺言链接在一起：

p1().then(p2).then(p3).then(p4).then(p5).then(function(){
     // Hurray! All done!
     console.log("All done :)");
});

但是，如果您有可变数量的Promise依次进行链接，则必须使用循环（请参阅@PitaJ的答案）或Array.reduce 。

var arrayOfPromiseGeneratingFunctions = [p1, p2, p3, p4, p5]; // Can be of any size.

// Take the first promise-generating function as chain initializer
var initialFn = arrayOfPromiseGeneratingFunctions.shift();

// Here we're effectively doing promise chaining like the simple solution above
var finalPromise = arrayOfPromiseGeneratingFunctions.reduce(function(previousPromise, fn){
    return previousPromise.then(fn)
}, initialFn());

finalPromise.then(function(){
    // Last promise called
});

此解决方案适用于任意数量的顺序执行的Promise，只要您用函数包装Promise。

有关此实现的其他一些注意事项：
1.在示例中，我们将p1到p5包装到一个函数中，这样它们就不会在您想要执行之前以任何方式执行。
2.通过在promise-generating函数中添加参数，可以将结果promise结果从一个传递到另一个。 由于第一个参数将有效地成为最后一个承诺的解决结果。

进一步阅读： https : //github.com/kriskowal/q#sequences

Answer 2

Promise会在创建后立即执行。 您必须使用then来链接动作。

new Promise(function(resolve, reject){
    console.log('p1');
    setTimeout(resolve, 5000, "one");
}).then(() => {
    console.log('p2');
    setTimeout(resolve, 3000, "two");
}).then(() => {
    console.log('p3');
    setTimeout(resolve, 2000, "three");
}).then(() => {
    console.log('p4');
    setTimeout(resolve, 1000, "four");
}).then(() => {
    console.log('p5');
    setTimeout(resolve, 4000, "five");
});

Answer 3

您可以执行以下操作：

function sequential(promiseArr) {
  var p = Promise.resolve(), i = 0, l = promiseArr.length;
  for (; i < l; i += 1) {
    p = p.then(promiseArr[i]);
  }
  return p;
}

编辑：修复它。 会因为未初始化p而失败。

Answer 4

我再改一下你的问题。

您有一个返回承诺的函数。 仅当先前的承诺得到解决时，才需要使用不同的参数一次又一次地调用此函数。

让我们想象以下是功能。

function getPromise(arg) {                
      return new Promise(function(resolve){
           setTimeout(resolve, Math.random() * 10000, [arg]);
       }) 
};

这是你的论点清单

var promiseSetup = ['apple', 'orange', 'grapes'];

您可以在这里包含也要执行功能的对象，而不是简单的演示参数。

现在，我将放下将在每个参数中重复执行上述promise函数的逻辑。 这将按顺序进行。

function promiseWaterfall(args, promFunc, idx) {

    if (idx >= args.length)
        return;

    console.log('executing ' + args[idx]);                

    promFunc(args[idx]).then(function(){
        promiseWaterfall(args, promFunc, idx + 1)
    });                
}

说明

上面的函数是递归的。 仅在解决之前获得的诺言时，它才会使用高级索引值进行调用。

还请注意，每次兑现承诺后，您都可以执行功能。 您可以像这样使“苹果”成为苹果对象

[{arg: "apple", func: executeApple}]

然后在记录控制台消息的位置执行此功能。