Promise.all中某个请求出现异常，保证还能获取其他成功请求的返回值

Promise.all处理并发请求技巧

最新推荐文章于 2025-07-21 17:46:56 发布

原创最新推荐文章于 2025-07-21 17:46:56 发布 · 7.4k 阅读

13 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #promise

前端方法记录专栏收录该内容

2 篇文章

订阅专栏

本文探讨了在使用Promise.all处理并发请求时的常见陷阱，即如何优雅地处理部分请求失败的情况，避免整个请求流程因个别失败而中断，确保能够获取到所有成功请求的数据。

今天面试中遇到的题目，记录一下

用getDatas函数发起多个请求，获取请求结果，面试时只是将所有getData返回的Promise对象传给Promise.all,忽略了如果这些Promise其中有执行reject的话会直接导致Promise.all失败回调，请求成功的返回值也获取不到了。

      function getData(api){
        return new Promise((resolve,reject) => {
          setTimeout(() => {
            var ok = Math.random() > 0.5  // 模拟请求成功或失败
            if(ok)
              resolve('get ' + api + ' data')
            else{
              // reject(api + ' fail')   // 如果调用reject就会使Promise.all()进行失败回调
              resolve('error')    // Promise all的时候做判断  如果是error则说明这条请求失败
            }
          },2000)
        })
      }
      function getDatas(arr){
        var promises = arr.map(item => getData(item))
        return Promise.all(promises).then(values => {
          values.map((v,index) => {
            if(v == 'error'){
              console.log('第' + (index+1) + '个请求失败')
            }else{
              console.log(v)
            }
          })
        }).catch(error => {
          console.log(error)
        })
      }
      getDatas(['./api1','./api2','./api3','./api4']).then(() => '请求结束')