怎么解决for循环中异步请求顺序不一致的问题
发布于
by
工作中遇到一个问题：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函数讲解、
本文收集自互联网，转载请注明来源。
如有侵权，请联系 wper_net@163.com 删除。
还没有任何评论，赶紧来占个楼吧！