在在for循环中依次执行异步操作循环中依次执行异步操作
上一篇文章写了使用Promise进行异步操作：使用Promise来进行异步操作。
这适用于单条数据的处理场景，如果是在for循环中处理多条数据，依次处理每条数据的异步操作呢？
思路：还是利用Promise的then()来进行链式操作，每次循环的时候往Promise后添加一个新的then(),这样就可以保证上一个数
据的异步操作执行完毕再执行下一个数据的异步操作。
示例代码：
const promise = Promise.resolve();
for(let index in newArray){
promise = promise.then(()=>{
return asyncOperate(newArray[index])
})
}
promise.then(()=>{
console.log('所有的操作已经执行完毕')
})
function asyncOperate(data){
return Promise.resolve(data)
.then((res)=>{
//res是外面传进来的数据
return new Promise((resolve,reject)=>{
setTimeout(()=>{
//第一步操作
...
const data1 = ...
resolve(data1)
},1000)
})
})
.then(()=>{
//下一步操作
...
})
}
补充：
除了这种利用promise的then链的写法，还有利用async/await的写法。
示例代码：
async function run(){
for(let p of newArray){
await asyncOperate(p)
}
}
run().then(()=>{
console.log('所有的操作已经执行完毕')
})
function asyncOperate(data){
return Promise.resolve(data)
.then((res)=>{
//res是外面传进来的数据
return new Promise((resolve,reject)=>{
setTimeout(()=>{
//第一步操作
...
const data1 = ...
resolve(data1)
},1000)
})
})
.then(()=>{
//下一步操作
...
})
}
作者：明月松江
资源评论
weixin_38704284
- 粉丝: 3
- 资源: 987
最新资源
- 从零学习自动驾驶Lattice规划算法(下) 轨迹采样 轨迹评估 碰撞检测 包含matlab代码实现和cpp代码实现，方便对照学习 cpp代码用vs2019编译 依赖qt5.15做可视化 更新:
- 风光储、风光储并网直流微电网simulink仿真模型 系统由光伏发电系统、风力发电系统、混合储能系统（可单独储能系统）、逆变器VSR+大电网构成 光伏系统采用扰动观察法实现mppt控
- (180014016)pycairo-1.18.2-cp35-cp35m-win32.whl.rar
- (180014046)pycairo-1.21.0-cp311-cp311-win32.whl.rar
- DS-7808-HS-HF / DS-7808-HW-E1
- (180014004)pycairo-1.20.0-cp36-cp36m-win32.whl.rar
- (178330212)基于Springboot+VUE的校园图书管理系统
- (402216)人脸识别
- enspOSPF多区域路由配置
- (175822648)java项目之电信计费系统完整代码.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
