javascript – 在for循环中创建一个promise链

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 在for循环中创建一个promise链，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含864字，纯文字阅读大概需要2分钟。

内容图文

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

解决方法:

您必须将.then的返回值分配回链：

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

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

内容总结

以上是互联网集市为您收集整理的javascript – 在for循环中创建一个promise链全部内容，希望文章能够帮你解决javascript – 在for循环中创建一个promise链所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端