[TOC] >[success] # Promise.allSettled **Promise.allSettled** 方法與 **Promise.all** 不同點： 1. **Promise.all** ： 有一個請求錯誤，直接走 **.catch** ，不再走 **.then** 。 2. **Promise.allSettled** ： **無論請求對錯最終都會返回一個數組對象** 到 **.then** 中，并切**返回的數據中標識了錯誤跟正確數據的區別** 。 以上就是 **Promise.allSettled** 方法與 **Promise.all** 的區別，但是 **Promise.allSettled** 是新出方法 **部分瀏覽器不支持** ，如下 **Promise.allSettled** 是第四階段的草案 ，所以想使用這個方法，可以使用 **babel墊片** 或者自己 **手動封裝一個** ， 我們要實現的就是后者。  >[success] ## 封裝 allSettled 方法 **allSettled 方法代碼如下** ~~~ let allSettled = (funcArr) => { return new Promise((resolve) => { let sttled = 0 let result = [] for(let index = 0;index<funcArr.length;index++){ const element = funcArr[index] element .then(res => { result[index] = { status: 'fulfilled', value: res } }) .catch(err => { result[index] = { status: 'rejected', reason: err } }) .finally(() => { ++sttled === funcArr.length && resolve(result) }) } }) } ~~~ 使用時 ~~~ const promises = [ Promise.reject('c'), Promise.resolve('a'), Promise.resolve('b'), ]; allSettled(promises).then(res => { console.log(res) }) // 打印結果 // [{"status":"rejected","reason":"c"}, // {"status":"fulfilled","value":"a"}, // {"status":"fulfilled","value":"b"}] ~~~