工作中遇到一个问题
for循环，再把循环出来的ID再进行二次请求
这就导致一个问题
请求结果返回顺序不一致
原因：异步请求会把回调事件放入微任务事件队列，宏任务执行完毕再执行微任务，具体参考事件队列机制
【相关课程推荐：JavaScript视频教程】
解决方法：
通过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) })}// 返回多个promiselet promise = arr.map((item,index) = > { arr.forEach((item, index) => { return getInfo(item, index) })})// 对返回的promise数组进行操作Peomise.all(promise).then((allData) => { arr.forEach((item, index) => { // ...... })})
登录后复制
本文来自 js教程 栏目，欢迎学习！
以上就是解决for循环中异步请求顺序不一致的问题的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2729296.html
