promise.all同时请求多个接口

pandaHe_Status

已于 2022-07-01 09:14:41 修改

阅读量4.6k

点赞数 2

CC 4.0 BY-SA版权

分类专栏：前端文章标签： javascript

于 2022-06-29 17:45:43 首次发布

本文链接：https://blog.csdn.net/weixin_43321726/article/details/125526459

前端专栏收录该内容

101 篇文章

订阅专栏

本文介绍了在开发中批量请求后台数据的常见场景，通过Promise.all和Promise.allSettled的使用，实现接口请求的并发处理。当所有请求成功时，Promise.all返回一个包含所有结果的数组；若有请求失败，它将返回最先失败的状态值。此外，还展示了如何通过reduce方法确保请求顺序执行。对于需要有序执行的情况，可以利用这种方式来控制流程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这个场景在开发中非常的常见，需要批量的请求后台数据就要如此

let p1 =new Promise((resolve,reject)=>{
    getData1().then((res)=>{
        resolve(res)
    }).catch(e=>{
        reject('发生错误')
    })
})
let p2 = new Promise((resolve,reject)=>{
    getData2().then((res)=>{
        resolve(res)
    }).catch(e=>{
        // 标记失败后给定某个数据
        reject('发生错误')
    })
})
let p3 = new Promise((resolve,reject)=>{
    getData3().then((res)=>{
        resolve(res)
    }).catch(e=>{
        reject('发生错误')
    })
})
// results的结果是一个数组，分别代表三个接口的数据
Promise.all([p1, p2, p3]).then((results)=>{
    console.log('success:',results)
}).catch(e=>{ // 失败的时候则返回最先被reject失败状态的值
    console.log("error",e)
})
//也可以这样写
let res = await Promise.allSettled([p1, p2, p3])
// 返回结果是一个数组
cosnole.log(res)

Promise.all是并发的，也就是执行的顺序是无序的，要有序的话，需要这样做

// 多个promise
const promises = [.....]

Promise.all(promises).then(res => {
  console.log(res)
  // [.....] 结果
})

promises.reduce(
(prev, next) => prev.then(() => next.action()), 
Promise.resolve()
);