怎么在Promise.all中對于reject進行處理

怎么在Promise.all中對于reject進行處理？針對這個問題，這篇文章詳細介紹了相對應的分析和解答，希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

Promise.all(requestPromises).then(...).catch(...) 會在所有requestPromises都resolve時才會進then方法，并且把所有結果以一個數組返回。只要有一個失敗，就會進catch。如果在單個請求中定義了catch方法，那么就不會進Promise.all的catch方法。因此，可以在單個的catch中將失敗的promise放入一個list，待一輪請求完成后，再去請求失敗的請求。

let failedList = []
function getDataById (id) { // 這是單個請求
 return new Promise(function (resolve, reject) {
  getResponse(id, resolve, reject)
 }).catch(e => {
  failedList.push(arguments.callee(id)) // 如果失敗，就重新發起請求，并將該請求的promise放入failedList中以便后續處理
 })
}
function getResponse (id, resolve, reject) { // 模擬返回結果
 setTimeout(() => {
  if (Math.random() > 0.8) resolve({id, msg: 'ok'})
  else reject({id, msg: 'error'})
 }, 1000)
}
const RequestList = [getDataById(1), getDataById(2), getDataById(3)]
fetchData(RequestList)
let counter = 1 // 請求次數
let maxRequestTimes = 5 // 最大請求次數，因為有可能別個頁面就是訪問不了，請求多少次也沒用- - 
let result = [] // 最后的結果
function fetchData (requestList) { // 這里是對請求結果的處理
 Promise.all(requestList).then(resolve => {
  result = result.concat(resolve.filter(i => i)) // filter返回true的時候保留該數組項，因為getDataById的catch里沒有給返回值（這里也不需要），這里的resolve里就會有undefined，需要過濾掉
  let failedLength = failedList.length
  if (failedLength > 0 && counter < maxRequestTimes) { // 如果失敗列表里有請求，并且請求次數不超過設定的值，就進行下一次請求，并且打出log
   console.log(`第${counter}次請求完成，其中成功${RequestList.length - failedLength}個，失敗${failedLength}個，正在進行第${++counter}次請求...`)
   fetchData(failedList)
   failedList = [] // 這里要清空failedList，不然會一直調用。不用擔心，下一次請求失敗的會在getDataById填充到failedList里。
  } else { // 表示所有請求都成功了，或者達到了最大請求次數。到這里就可以對result做進一步處理了。
   console.log(`請求完成，共請求${counter}次, 其中成功${RequestList.length - failedLength}個，失敗${failedLength}個\n`, result)
   counter = 1
  }
 }).catch(e => {
  console.log(e)
 })
}

關于怎么在Promise.all中對于reject進行處理問題的解答就分享到這里了，希望以上內容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關注億速云行業資訊頻道了解更多相關知識。