在 for 循环中创建承诺链

Question

我希望下面的代码在控制台上打印一个数字，然后等待一秒钟，然后打印另一个数字。相反，它会立即打印所有 10 个数字，然后等待 10 秒钟。创建行为如前所述的承诺链的正确方法是什么？

function getProm(v) {
return new Promise(resolve => {
console.log(v);
resolve();
})
}
function Wait() {
return new Promise(r => setTimeout(r, 1000))
}
function createChain() {
let a = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0];
let chain = Promise.resolve();
for (let i of a) {
chain.then(()=>getProm(i))
.then(Wait)
}
return chain;
}

createChain();

Answer 1

你必须将.then的返回值赋回chain：

chain = chain.then(()=>getProm(i))
.then(Wait)

现在你基本上会做

chain
.then(()=>getProm(1))
.then(Wait)
.then(()=>getProm(2))
.then(Wait)
.then(()=>getProm(3))
.then(Wait)
// ...

而不是

chain
.then(()=>getProm(1))
.then(Wait)
chain
.then(()=>getProm(2))
.then(Wait)
chain
.then(()=>getProm(3))
.then(Wait)
// ...

你可以看到第一个实际上是一条链，而第二个是平行的。

Answer 2

请参阅一个接一个地解决承诺(即按顺序(？。

使用i of a：

function createChain() {
let a = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0];
let chain = Promise.resolve();
for (let i of a) {
chain = chain.then(()=>getProm(i))
.then(Wait)
}
return chain;
}

使用a.forEach()

function createChain() {
let a = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0];
let chain = Promise.resolve();
a.forEach(i =>
chain = chain.then(()=>getProm(i))
.then(Wait)
);
return chain;
}

使用a.reduce()

function createChain() {
let a = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0];
return a.reduce((chain, i) =>
chain.then(()=>getProm(i))
.then(Wait),
Promise.resolve()
);
}

Answer 3

现在我们有await/async，更好的方法是：

function getProm(v) {
return new Promise(resolve => {
console.log(v);
resolve();
})
}
function Wait() {
return new Promise(r => setTimeout(r, 1000))
}
async function createChain() {
let a = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0];
for (let i of a) {
await getProm(i);
await Wait();
}
}

createChain();