Javascript 在for循环中创建承诺链

我希望下面的代码在控制台上打印一个数字，然后等一秒钟再打印另一个数字。相反，它会立即打印所有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();

---

您必须分配

的返回值。然后

返回到

链

：

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)
// ...

---

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

现在我们有了

wait

/

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

---

介意看看我的问题吗？：这根本不是一个更好的方法，因为不鼓励在for循环中使用wait。在内部，await语法只是引擎的一个助手，它“重写”后续代码（在await关键字之外），就好像它被包装在“then”中一样。程序将执行控制权交还给事件调度器后，无法“继续”for循环。简而言之：不要在for循环中使用wait。