最近写koa的时候遇见需要在循环中使用async/await的情况,当然第一反应就是直接上forEach
,然后就直接翻车了。。。
直接上代码:
function handleSql(val) {
return new Promise((resolve) => {
setTimeout(() => {
console.log(`延时${val}秒触发`)
resolve(val);
}, 1000);
})
}
[1,2,3].forEach(async index => {
console.log('调用await之前',index)
const result = await handleSql(index);
console.log('调用await之后',index)
})
在我的预期中应该是这样输出的:
结果他是这样输出的:
先循环3次执行 console.log('调用await之前',index)
语句,然后等待一秒后执行了console.log(`延时${val}秒触发`)
和console.log('调用await之后',index)
语句。
查了一下MDN的forEach文档发现有这么一句话:
原来是forEach中不支持这种骚操作,果断换成普通的for循环或者for ... of:
async function forFn() {
for(let index of [1,2,3]){
console.log('调用await之前',index)
const result = await handleSql(index);
console.log('调用await之后',index)
}
}
async function forFn() {
for(var index = 1;index<4;index++) {
console.log('调用await之前',index)
const result = await handleSql(index);
console.log('调用await之后',index)
}
}
执行后的效果就是我们的预期效果: