hi,你好!欢迎访问本站!登录
本站由简数采集腾讯云宝塔系统阿里云强势驱动
当前位置:首页 - 文章 - 后端开发 - 正文 看Cosplay古风插画小姐姐,合集图集打包下载:炫龙网 · 炫龙图库

处理for循环中异步要求递次不一致的问题_WEB前端开发

2019-12-18后端开发ki4网26°c
A+ A-

处理for轮回中异步要求递次不一致的问题

工作中碰到一个问题

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)
    })
}

// 返回多个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) => {
        // ......
    })
})

本文来自 js教程 栏目,迎接进修!

以上就是处理for轮回中异步要求递次不一致的问题的细致内容,更多请关注ki4网别的相干文章!

  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  选择分享方式
  移步手机端
处理for循环中异步要求递次不一致的问题_WEB前端开发

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章
标签:

发表评论

选填

必填

必填

选填

请拖动滑块解锁
>>