Promise.all() 如何有效率地處理多個非同步任務，然後再進行後續操作？

非同步處理多個Promise

本文旨在解決在循環內執行多個非同步任務的挑戰以及確保其完成的需要在繼續後續任務之前。

問題：處理非同步任務循環

想像一個場景，其中循環迭代一組任務，每個任務都是非同步執行的。在該循環之後，另一個循環依賴第一個循環任務的完成。我們怎樣才能有效地實現這種協調？

Promises 和 Promise.all()

Promises 為這個問題提供了一個優雅的解決方案。透過從 doSomeAsyncStuff() 傳回一個 Promise，我們可以管理非同步操作。

Promise.all() 是一個強大的方法，它接受一組 Promise 並傳回單一 Promise。只有當所有輸入的 Promise 都被解決或其中任何一個被拒絕時，這個單一的 Promise 才會得到解決。

實現

為了實現我們的目標，我們可以利用Promise.all() 如下：

const promises = [];

for (let i = 0; i < 5; i++) {
  promises.push(doSomeAsyncStuff());
}

Promise.all(promises)
  .then(() => {
    // Execute tasks that require all async tasks to finish
  })
  .catch((e) => {
    // Handle errors
  });

在此實現中，我們將所有Promise 收集到一個數組中並將其傳遞給Promise.all()。在解決（或拒絕）後，我們繼續執行第二個循環的任務。

其他注意事項

• 為了更清晰，請使用 const 或 let 而不是 var。
• 考慮使用 catch 方法處理錯誤。
• 要進一步了解，請參閱 MDN 關於 Promise 的文檔和我的書「JavaScript：新玩具」（我的個人資料中提供了連結）。

範例

以下範例示範如何利用 Promise.all() 等待多個非同步任務完成完成：

function doSomethingAsync(value) {
  return new Promise((resolve) => {
    setTimeout(() => {
      console.log("Resolving " + value);
      resolve(value);
    }, Math.floor(Math.random() * 1000));
  });
}

function test() {
  const promises = [];

  for (let i = 0; i < 5; i++) {
    promises.push(doSomethingAsync(i));
  }

  Promise.all(promises)
    .then((results) => {
      console.log("All done", results);
    })
    .catch((e) => {
      // Handle errors
    });
}

test();

以上是Promise.all() 如何有效率地處理多個非同步任務，然後再進行後續操作？的詳細內容。更多資訊請關注PHP中文網其他相關文章！