在JavaScript中如何在一个循环中等待(附代码示例)
下面是如何使用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()
来等待。
转载自:https://juejin.cn/post/7127563400413970446