我們都知道 Promise.all() 具有并發執行異步任務的能力。但它的最大問題就是如果其中某個任務出現異常(reject)，所有任務都會掛掉，Promise直接進入reject 狀態。

但是，假如幾個異步任務都是互不關聯的，彼此結果不影響， Promise.all() 就不能使用了，因為如果一個任務失敗了，其他的任務也會失敗。

Promise.allSettled()方法返回一個在所有給定的promise都已經fulfilled或rejected后的promise，并帶有一個對象數組，每個對象表示對應的promise結果。當有多個彼此不依賴的異步任務成功完成時，或者總是想知道每個promise的結果時，通常使用它。

Promise.all([Promise.reject({code: 500,msg: '服務異常'}),Promise.resolve({code: 200,data: ['1', '2', '3']}),Promise.resolve({code: 200,data: ['4', '5', '6']}) ]).then(res => {console.log(res)console.log('成功') }).catch(err => {console.log(err)console.log('失敗') })// 輸出{"code":500,"msg":"服務異常"}'失敗'

Promise.allSettled 可以解決這種問題，在并發任務中，無論一個任務正常或者異常，都會返回對應的的狀態：

Promise.allSettled([Promise.reject({code: 500,msg: '服務異常'}),Promise.resolve({code: 200,data: ['1', '2', '3']}),Promise.resolve({code: 200,data: ['4', '5', '6']}) ]).then(res => {console.log(res)// console.log('成功')const data = res.filter(item => item.status === 'fulfilled')console.log(data) }).catch(err => {console.log(err)console.log('失敗') })// 輸出 [{"status":"rejected","reason":{"code":500,"msg":"服務異常"}},{"status":"fulfilled","value":{"code":200,"data":["1","2","3"]}},{"status":"fulfilled","value":{"code":200,"data":["4","5","6"]}} ] 創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的【ES11(2020)】Promise 扩展 allSettled()的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。