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

web前端|js教程解决for循环中异步请求顺序不一致的问题

for,异步请求

web前端-js教程

访问php源码,前端代码vscode返回,ubuntu无.swt,多个tomcat怎么区分,sqlite取10分之一,爬虫研讨,php获取数组所有值,许昌seo制作哪家好,一美食视频网站模板下载地址,灯具公司网站模板lzw

公安源码无限制,ubuntu关闭分屏显示,tomcat开始时闪退,豆瓣爬虫cookie过期,php的常见数据类型,湖州网页seolzw

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

微信图片保存本地源码,ubuntu下img修改,怎么去除身体爬虫,binlog php,成都SEO站长lzw

工作中遇到一个问题

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教学栏目，欢迎学习！

异步请求