快捷導(dǎo)航

Promise.all中對(duì)于reject的處理方法

更新時(shí)間：2018年08月01日 16:24:32 作者：huanglei-

這篇文章主要介紹了Promise.all中對(duì)于reject的處理方法,非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下

昨天寫了個(gè)小爬蟲，用axios.all同時(shí)請(qǐng)求多個(gè)頁面時(shí)，國內(nèi)網(wǎng)絡(luò)的原因很容易就超時(shí)然后reject了，佛系resolve不可取啊，然后想到可以實(shí)現(xiàn)一個(gè)“重發(fā)失敗請(qǐng)求”的功能。

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

let failedList = []
function getDataById (id) { // 這是單個(gè)請(qǐng)求
 return new Promise(function (resolve, reject) {
  getResponse(id, resolve, reject)
 }).catch(e => {
  failedList.push(arguments.callee(id)) // 如果失敗，就重新發(fā)起請(qǐng)求，并將該請(qǐng)求的promise放入failedList中以便后續(xù)處理
 })
}
function getResponse (id, resolve, reject) { // 模擬返回結(jié)果
 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 // 請(qǐng)求次數(shù)
let maxRequestTimes = 5 // 最大請(qǐng)求次數(shù)，因?yàn)橛锌赡軇e個(gè)頁面就是訪問不了，請(qǐng)求多少次也沒用- - 
let result = [] // 最后的結(jié)果
function fetchData (requestList) { // 這里是對(duì)請(qǐng)求結(jié)果的處理
 Promise.all(requestList).then(resolve => {
  result = result.concat(resolve.filter(i => i)) // filter返回true的時(shí)候保留該數(shù)組項(xiàng)，因?yàn)間etDataById的catch里沒有給返回值（這里也不需要），這里的resolve里就會(huì)有undefined，需要過濾掉
  let failedLength = failedList.length
  if (failedLength > 0 && counter < maxRequestTimes) { // 如果失敗列表里有請(qǐng)求，并且請(qǐng)求次數(shù)不超過設(shè)定的值，就進(jìn)行下一次請(qǐng)求，并且打出log
   console.log(`第${counter}次請(qǐng)求完成，其中成功${RequestList.length - failedLength}個(gè)，失敗${failedLength}個(gè)，正在進(jìn)行第${++counter}次請(qǐng)求...`)
   fetchData(failedList)
   failedList = [] // 這里要清空failedList，不然會(huì)一直調(diào)用。不用擔(dān)心，下一次請(qǐng)求失敗的會(huì)在getDataById填充到failedList里。
  } else { // 表示所有請(qǐng)求都成功了，或者達(dá)到了最大請(qǐng)求次數(shù)。到這里就可以對(duì)result做進(jìn)一步處理了。
   console.log(`請(qǐng)求完成，共請(qǐng)求${counter}次, 其中成功${RequestList.length - failedLength}個(gè)，失敗${failedLength}個(gè)\n`, result)
   counter = 1
  }
 }).catch(e => {
  console.log(e)
 })
}