怎么解决for循环中异步请求顺序不一致的问题

工作中遇到一个问题:for循环,再把循环出来的ID再进行二次请求,这就导致一个问题,请求结果返回顺序不一致原因:异步请求会把

工作中遇到一个问题:for循环,再把循环出来的ID再进行二次请求,这就导致一个问题,请求结果返回顺序不一致

原因:异步请求会把回调事件放入微任务事件队列,宏任务执行完毕再执行微任务,具体参考事件队列机制

解决方法:

通过map方法进行循环请求

将异步请求方法封装起来,返回一个promise

这样将会返回一个具有多个promise的数组

通过promise.all()方法把promise包装成一个新的promise实例

// 通过Promise把所有的异步请求放进事件队列中

getInfo(item ,index) {

const ms = 1000 * Math.ceil(Math.random() * 3)

return new Promise((resolve,reject) => {

setTimeout(() => {

axios.get(id).then((result) => {

resolve(result)

})

}, ms)

})

}

// 返回多个promise

let promise = arr.map((item,index) = > {

arr.forEach((item, index) => {

return getInfo(item, index)

})

})

// 对返回的promise数组进行操作

Peomise.all(promise).then((allData) => {

arr.forEach((item, index) => {

// ……

})

})

以上就是解决for循环中异步请求顺序不一致的问题的详细内容,更多请关注网站的其它相关文章!

WordPress主题下载,WordPress免费主题下载,网站源码模板下载


下载说明:
1. 本站所有资源来源于网络和用户上传,如有侵权请联系站长
2. 本站分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,商用请支持正版!不得违反国家法律,否则后果自负!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!

本站的资源均来自于互联网,仅为资源共享、学习参考之目的,其版权均归原作者及其网站所有,如有侵权请留言联系:admin,转转请注明出处:http://zhanmr.com/6083.htm

发表评论

电子邮件地址不会被公开。 必填项已用*标注