生成器 + 承诺并行化 N 个项目

Question

挑战：

1. 我们希望为项目的子项发出 N 个并行 ajax 请求。
2. 返回后，我们希望按顺序处理它们 (1...N)
3. 我们不想等待所有承诺返回，但我们希望在它们返回时按顺序处理它们。

例如：

即使 2,3,5 在 1 之前返回，我们应该保留 2,3,5 的结果，在 1 返回时，按顺序处理 1,2,3（并等待 4 在之前返回5)

工具：Q + ES6 生成器

使用占位符变量创建长度为 N-1 的数组

当 N = 3 时的EG：

let [N1,N2,N3] = yield [ Promise1, Promise2, Promise3 ]

//process items sequentially:
   console.log(N1)
   console.log(N2)
   console.log(N3)

但是，填充空变量数组似乎并不奏效，因为引用不知道在哪里可以找到 var 声明

for(var i = 0; i< 3; i++) {
   res.push("some empty var")
}

鉴于坚持使用提供的工具的限制，我们如何才能并行调用，但按顺序处理它们的返回？

Answer 1

您可以使用Promise.all()、.then()

javascript at Answer 返回问题中描述的确切结果

1. 我们希望为项目的子项发出 N 个并行 ajax 请求。
2. 返回后，我们希望按顺序处理它们 (1...N)
3. 我们不想等待所有承诺返回，但我们希望在它们返回时按顺序处理它们。 我们如何并行化调用，但处理它们的返回 顺序？

您可以使用.then() 链接到返回承诺的原始函数或Promise 对象本身在returning 值之前处理承诺，以便按照传递给Promise.all().then() 链接的参数的顺序进行处理给Promise.all()

var n = 0;
var fn = function() {
  return new Promise(function(resolve, reject) {
    console.log("promise " + ++n + " called");
    setTimeout(function(i) {
      resolve(i)
    }, Math.random() * 2500, n)
  })
  // handle requirement 3. here
  .then(function(res) {
    console.log(res);
    return res
  })
}

Promise.all([fn(), fn(), fn()]) // handle requirement 1. here
// handle requirement 2. here
.then(function(data) {
    let [N1, N2, N3] = data;
    console.log(N1, N2, N3);
})

Answer 2

你可以通过等待循环中的下一个承诺来做到这一点：

const promises = […]; // or created programmatically
for (const promise of promises) {
    const result = yield promise; // await them sequentially
    console.log(result);
}