您好,登錄后才能下訂單哦!
怎么在Promise.all中對(duì)于reject進(jìn)行處理?針對(duì)這個(gè)問(wèn)題,這篇文章詳細(xì)介紹了相對(duì)應(yīng)的分析和解答,希望可以幫助更多想解決這個(gè)問(wèn)題的小伙伴找到更簡(jiǎn)單易行的方法。
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è)頁(yè)面就是訪問(wèn)不了,請(qǐng)求多少次也沒(méi)用- - 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里沒(méi)有給返回值(這里也不需要),這里的resolve里就會(huì)有undefined,需要過(guò)濾掉 let failedLength = failedList.length if (failedLength > 0 && counter < maxRequestTimes) { // 如果失敗列表里有請(qǐng)求,并且請(qǐng)求次數(shù)不超過(guò)設(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 = [] // 這里要清空f(shuō)ailedList,不然會(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) }) }
關(guān)于怎么在Promise.all中對(duì)于reject進(jìn)行處理問(wèn)題的解答就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,如果你還有很多疑惑沒(méi)有解開(kāi),可以關(guān)注億速云行業(yè)資訊頻道了解更多相關(guān)知識(shí)。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。