在for循环中创建承诺链

问题描述：

我期望下面的代码在控制台上打印一个数字，然后等待一秒钟，然后再打印另一个数字。相反，它会立即打印所有10个号码，然后等待十秒钟。创建承诺链的正确方式是什么？在for循环中创建承诺链

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();

答

你要的.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) 
// ...

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

在for循环中创建承诺链

相关推荐