使用promise.all遇到其中一个阻塞导致所有处理无法进行的处理方式

最新推荐文章于 2025-07-14 19:01:03 发布

转载最新推荐文章于 2025-07-14 19:01:03 发布 · 8.3k 阅读

文章标签：

#promise #promise all #promise.all #all

JavaScript 专栏收录该内容

2 篇文章

订阅专栏

本文探讨了使用JavaScript中的Promise.all()方法来并发处理多个API请求，并通过自定义错误处理逻辑确保请求失败时能准确反馈。文章展示了如何通过检查返回值来判断请求是否成功，而非直接使用reject。

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

      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(() => '请求结束')