Promise.all捕获错误
生活随笔
收集整理的這篇文章主要介紹了
Promise.all捕获错误
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
Promise.all默認只要有一個錯誤就直接返回錯誤。promise.all中任何一個promise 出現錯誤的時候都會執行reject,導致其它正常返回的數據也無法使用
Promise.all([Promise.resolve(1), Promise.reject('err'), Promise.resolve(2) ]).then(res => {console.log(res) }).catch(err => {console.log('error', err) })// 結果返回: error err如果我們數組有某些錯誤但不影響其他結果返回,應該對每項promise進行捕獲。
Promise.all([Promise.resolve(1), Promise.reject('err'), Promise.resolve(2)].map(item => {return item.catch(err => {console.log('item error', err)})}) ).then(res => {console.log(res) }).catch(err => {console.log('error', err) }) // 結果返回: // item error err // [1, undefined, 2]這樣就可以實現不管某個出現問題,不影響最后結果的返回。
Promise.all 簡版實踐原理
function promiseAll(promises){return new Promise((resolve,reject) => {if (!Array.isArray(promises)) {return reject(new TypeError("argument must be anarray"))}let countNum=0;let promiseNum=promises.length;let resolvedvalue=new Array(promiseNum);for (let i=0; i<promiseNum; i++) {Promise.resolve(promises[i]).then(value =>{countNum++;resolvedvalue[i]=value;if(countNum===promiseNum){return resolve(resolvedvalue)}},reason => {return reject(reason)})}}) }總結
以上是生活随笔為你收集整理的Promise.all捕获错误的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: vue3中ref、reactive、sh
- 下一篇: 将数组按指定大小分组