在JavaScript中使用Promise.allSettled()的方法

更新時間：2023年07月03日 08:35:47 作者：曉風曉浪

Promise.allSettled()是一個游戲規(guī)則改變者，讓您等待所有承諾得到解決（解決或拒絕），然后根據結果采取行動，這篇文章主要介紹了如何在JavaScript中使用Promise.allSettled(),需要的朋友可以參考下

什么是 Promise.allSettled()？

您想要使用 JavaScript 的 Promise.allSettled() 方法，但不太確定它是如何工作的或者為什么要使用它？不用擔心，我已經為您提供了保障。

Promise.allSettled()等待你給它的所有承諾得到解決，意味著解決或拒絕。然后，它返回一個對象數組，其中包含每個承諾的狀態(tài)和值或原因。

當您希望確保已完成多個異步任務，但不一定關心其中某些任務是否失敗時，這非常有用。

例如，假設您有三個返回 Promise 的 API 調用，并且您希望從成功的調用中獲取所有數據，即使其中一個調用失敗。你可以這樣做：

 Promise.allSettled([apiCall1(), apiCall2(), apiCall3()]).then((results) => {});

這將運行所有三個 API 調用，并且.then()在它們全部解決后將調用回調。結果數組將包含三個對象：每個承諾一個，其狀態(tài)為“已完成”和數據，或者“已拒絕”和錯誤。

我們可以過濾以獲取成功的調用，然后繼續(xù)使用該數據。

要記住的關鍵事項是：

Promise.allSettled()等待所有輸入承諾解決并返回其結果。
已解決意味著已解決（已實現(xiàn)）或已拒絕。
它返回一個對象數組，其中包含每個輸入承諾的狀態(tài)和值/原因。
即使有人拒絕，它也允許處理成功的承諾。

問題與Promise.all()解決方案Promise.allSettled()

Promise.all()當您想要等待多個 Promise 完成并獲取所有已解析值的數組時，這非常有用。但它有一個主要缺點：如果任何一個承諾被拒絕，整個Promise.all()承諾都會立即被拒絕。

在某些情況下這可能會出現(xiàn)問題。例如，假設您向三個不同的后端服務發(fā)出請求，只要其他兩個服務成功，您并不真正關心其中一個是否失敗。使用時Promise.all()，單個被拒絕的 Promise 將拒絕整個組，并且您會錯過其他 Promise 的成功響應。

幸運的是，有一個簡單的解決方案：Promise.allSettled()。其工作原理與此類似，Promise.all()但如果任何 Promise 拒絕，它不會立即拒絕，而是等待所有 Promise 解決（解決或拒絕），然后返回一個對象數組，其中包含每個 Promise 的狀態(tài)和值/原因。

例如：

Promise.allSettled([
? ?Promise.resolve(1),
? ?Promise.reject(new Error("2")),
? ?Promise.resolve(3),
?]).then((results) => {
? ?// results is an array of:
? ?// {status: "fulfilled", value: 1}
? ?// {status: "rejected", reason: Error}
? ?// {status: "fulfilled", value: 3}
?});

正如您所看到的，即使第二個承諾被拒絕，我們仍然從其他承諾中獲得解析值。這使您能夠優(yōu)雅地處理拒絕，而不會錯過任何成功的回復。

Promise.allSettled()在這些類型的情況下提供了更大的靈活性。您可以全面了解所有承諾，無論是否有一些拒絕，因此您仍然有機會利用任何已解決的值并適當處理拒絕。

因此，下次當您需要等待多個 Promise 但又不能因為拒絕而錯過任何已解決的值時，請務必使用Promise.allSettled()！這是對Promise API 的一個非常有用的補充。

常見問題Promise.allSettled()

會Promise.allSettled()減慢我的代碼速度嗎？

并不真地。Promise.allSettled()只需等待您傳遞給它的所有承諾通過履行或拒絕來解決。它不會做任何其他會影響性能的事情。

我還能發(fā)現(xiàn)錯誤嗎Promise.allSettled()？

是的，你絕對可以！Promise.allSettled()將為您提供每個承諾的結果，無論是履行還是拒絕。

對于任何被拒絕的 Promise，您都會得到拒絕的原因，通常是錯誤。.catch()您可以在調用的處理程序中捕獲這些錯誤Promise.allSettled()。

我什么時候應該使用Promise.allSettled()vs Promise.all()？

Promise.allSettled()當您想要并行運行多個 Promise，但不希望單個被拒絕的 Promise 導致整個組拒絕時使用。

例如，如果您從多個第三方 API 獲取數據，則一個 API 被拒絕的承諾不應阻止您從其他 API 獲取數據。

Promise.all()當您想要并行運行 Promise 但需要它們全部成功完成才能使代碼繼續(xù)運行時，請使用。

例如，如果您需要從兩個 API 獲取數據以在頁面上顯示，則您希望在呈現(xiàn)數據之前滿足這兩個承諾。

我能得到已達成的承諾的結果嗎？

是的！Promise.allSettled()返回一個對象數組，其中包含每個承諾的狀態(tài)和值/原因。例如：

Promise.allSettled([
? ?Promise.resolve(1),
? ?Promise.reject(new Error("2")),
? ?Promise.resolve(3),
?]).then((results) => {
? ?console.log(results);
? ?/*
? ?  [
? ? ?  { status: "fulfilled", value: 1 },
? ? ?  { status: "rejected", reason: Error: 2 },
? ? ?  { status: "fulfilled", value: 3 }
? ?  ]
? ?  */
?});

您將獲得有關所有承諾的信息，無論它們是履行還是拒絕，因此您可以全面了解并行操作。