Bootstrap

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

 

;