前言

Promise.all和Promise.race是JavaScript中Promise API的兩個重要方法，它們在處理多個Promise對象時表現(xiàn)出不同的行為。以下是它們之間的主要區(qū)別：

1. 功能和行為

Promise.all：

功能：接收一個包含多個Promise的數(shù)組（或類數(shù)組對象）作為參數(shù)，并返回一個新的Promise。

行為：只有當(dāng)數(shù)組中的所有Promise對象都成功完成時（即狀態(tài)都變?yōu)閒ulfilled），返回的Promise對象才會成功完成，并將所有Promise的結(jié)果作為一個數(shù)組返回。如果數(shù)組中的任何一個Promise對象失?。礌顟B(tài)變?yōu)閞ejected），則返回的Promise對象會立即失敗，并將第一個失敗的Promise的原因作為失敗原因返回。

使用場景：適用于需要等待所有異步操作都成功完成后再進(jìn)行下一步操作的場景，如同時加載多個資源并在所有資源都加載完成后顯示頁面。

Promise.race：

功能：同樣接收一個包含多個Promise的數(shù)組（或類數(shù)組對象）作為參數(shù)，并返回一個新的Promise。

行為：這個返回的Promise會在數(shù)組中的任意一個Promise狀態(tài)變?yōu)閒ulfilled或rejected時被解決或拒絕，且以第一個被解決的Promise的結(jié)果（或原因）作為其結(jié)果返回。如果數(shù)組中的所有Promise都被拒絕，則返回的Promise將會以最先被拒絕的Promise的原因作為其原因拒絕。

使用場景：適用于設(shè)置超時機(jī)制或只關(guān)心第一個完成的異步操作的場景，如發(fā)起一個請求并設(shè)置一個超時時間，如果請求在超時時間內(nèi)完成，則返回請求結(jié)果；如果超時，則返回超時錯誤。

2. 返回值和狀態(tài)

Promise.all：返回一個新的Promise，其狀態(tài)取決于所有傳入的Promise對象的狀態(tài)。如果所有Promise都成功完成，則新Promise也成功完成，并返回所有結(jié)果的數(shù)組；如果有任何一個Promise失敗，則新Promise也失敗，并返回第一個失敗的原因。

Promise.race：同樣返回一個新的Promise，但其狀態(tài)僅由第一個解決的Promise決定。無論第一個解決的Promise是成功還是失敗，新Promise的狀態(tài)都會與其保持一致，并返回相應(yīng)的結(jié)果或原因。

3. 示例

Promise.all示例：

const promise1 = Promise.resolve(3);  
const promise2 = new Promise((resolve, reject) => setTimeout(resolve, 100, 'foo'));  
const promise3 = new Promise((resolve, reject) => setTimeout(resolve, 50, 'bar'));  
 
Promise.all([promise1, promise2, promise3]).then((values) => {  
  console.log(values); // [3, 'foo', 'bar']  

});

Promise.race示例：

javascript

const promise1 = new Promise((resolve, reject) => setTimeout(resolve, 500, 'one'));  
const promise2 = new Promise((resolve, reject) => setTimeout(resolve, 100, 'two'));  
 
Promise.race([promise1, promise2]).then((value) => {  
  console.log(value); // "two"  

    });

總結(jié)

Promise.all和Promise.race在處理多個Promise對象時提供了不同的機(jī)制。Promise.all適用于需要等待所有異步操作都成功完成的場景，而Promise.race則適用于只關(guān)心第一個完成的異步操作的場景。了解它們之間的區(qū)別對于在JavaScript中編寫高效、可靠的異步代碼至關(guān)重要。

最新評論