處理異步操作已經(jīng)成為了 JavaScript 日常編碼的核心部分。隨著應用復雜度的增加，我們經(jīng)常需要并發(fā)執(zhí)行多個異步任務并合理處理它們的結果。長期以來，Promise.all() 一直是我們處理并發(fā) Promise 的首選方法，但它存在一個致命缺陷：一旦任何一個 Promise 被拒絕（rejected），整個操作就會失敗。

Promise.all 的局限性

讓我們先回顧一下 Promise.all() 的工作方式及其局限性：

這種方法的主要問題在于：

• 任何一個 Promise 失敗都會導致整個操作失敗
• 你無法知道哪些操作成功，哪些失敗
• 你無法獲取成功操作的結果

在實際應用中，我們通常希望即使某些操作失敗，也能繼續(xù)處理成功的結果。例如，在加載儀表板組件時，即使某個組件的數(shù)據(jù)獲取失敗，我們也希望顯示其他組件。

Promise.allSettled 來拯救

Promise.allSettled() 解決了上述所有問題。它會等待所有 Promise 完成（無論成功或失敗），并返回一個包含每個 Promise 結果的數(shù)組：

Promise.allSettled 返回值結構

Promise.allSettled() 的返回值是一個數(shù)組，每個元素對應一個 Promise 的結果，具有以下結構：

• 對于成功的 Promise：{ status: 'fulfilled', value: 結果值 }
• 對于失敗的 Promise：{ status: 'rejected', reason: 錯誤原因 }

這種統(tǒng)一的結構使得處理結果變得簡單明了。尤其在需要并發(fā)執(zhí)行多個獨立異步操作，并且希望無論個別操作成功與否都能獲取完整結果的場景中，Promise.allSettled() 無疑是最佳選擇。它使我們能夠構建更具彈性的應用程序，優(yōu)雅地處理現(xiàn)實世界中不可避免的錯誤和異常情況。