工作中遇到一个问题

for循环，再把循环出来的ID再进行二次请求

这就导致一个问题

请求结果返回顺序不一致

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

web前端学习交流群 点击进入 1045267283

解决方法：

通过map方法进行循环请求

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

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

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

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

getInfo(item ,index) {

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

returnnewPromise((resolve,reject) => {

setTimeout(() => {

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

resolve(result)

}, ms)

// 返回多个promise

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

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

returngetInfo(item, index)

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

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

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

// ......

以上就是解决for循环中异步请求顺序不一致的问题的详细内容。

在此小编再次感谢大家对我的支持，需要更多相关资料，视频请加群 点击进入 1045267283