下面是如何使用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
