JavaScript中如何在一个循环中等待示例代码详解

2024-04-02 19:55

短信预约 -IT技能 免费直播动态提醒

下面是如何使用for..of 循环来迭代一个数组并在循环内等待：

const fun = (prop) => {
  return new Promise(resolve => {
    setTimeout(() =>
      resolve(`done ${prop}`), 1000);
  })
}

const go = async () => {
  const list = [1, 2, 3]
	
  for (const prop of list) {
    console.log(prop)
    console.log(await fun(prop))
  }
  
  console.log('done all')
}

go()

你需要把循环放在一个异步函数中，然后你可以使用await ，循环会停止迭代，直到我们正在等待的承诺得到解决。

你可以用for...in循环做同样的事情，对一个对象进行迭代：

const fun = (prop) => {
  return new Promise(resolve => {
    setTimeout(() =>
      resolve(`done ${prop}`), 1000);
  })
}
const go = async () => {
  const obj = { a: 1, b: 2, c: 3 };

  for (const prop in obj) {
    console.log(prop)
    console.log(await fun(prop))
  }
  
  console.log('done all')
}

go()

你也可以使用while 或do..while 或for 循环，也是这种结构。

但是你不能用Array.forEach() 或Array.map() 来等待。

到此这篇关于在JavaScript中如何在一个循环中等待（附代码示例）的文章就介绍到这了,更多相关js循环等待内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网！

免责声明：

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

阅读原文内容投诉