使用 Promise.all()

使用一次 await 等待多個非同步進程。

JavaScript 的一個強大之處在於它能夠進行非同步 (asynchronous) 操作，避免進程間的相互等待。在實際應用中，非同步操作常用於等待時間取決於外部因素的進程，例如網路連線、儲存速度等。以下是一些非同步操作的範例：

• 資料庫查詢
• 從其他網站取得資料 (HTTP 請求)
• 讀寫檔案
• 發送郵件

非同步函數的執行

在 JavaScript 中，非同步操作通常使用函數來實作。函數是一組執行特定任務的程式碼區塊，例如加法函數用於計算和，關機函數用於關閉電腦（也許有這樣的函數 ?）。

定義函數

定義非同步函數只需在函數宣告時加上 async 關鍵字，其餘與普通函數相同。

例如，我們定義一個非同步發送郵件的函數：

<code class="language-javascript">async function kirimEmail(tujuan, judul, isi) {
  // 发送邮件
  // ...
}</code>

或使用箭頭函數：

<code class="language-javascript">const kirimEmail = async (tujuan, judul, isi) => {
  // 发送邮件
  // ...
}</code>

呼叫函數

呼叫上述函數時，它會自動非同步執行，這意味著不會互相等待。

例如：

<code class="language-javascript">kirimEmail('contoh1@email.com', 'Tes 1 Email', 'Halo. Ini saya lagi ngetes.');
kirimEmail('contoh2@email.com', 'Tes 2 Email', 'Halo. Ini saya lagi ngetes.');
kirimEmail('contoh3@email.com', 'Tes 3 Email', 'Halo. Ini saya lagi ngetes.');</code>

在上述範例中，所有發送郵件的進程都是依序執行的，但不會等待任何一個程序完成。因此，下一個進程會在前一個進程未完成時啟動，不會互相阻塞。

如果需要取得資料或等待非同步進程完成，可以在呼叫函數時使用 await 關鍵字。

例如：

<code class="language-javascript">await kirimEmail('contoh1@email.com', 'Tes 1 Email', 'Halo. Ini saya lagi ngetes.');
await kirimEmail('contoh2@email.com', 'Tes 2 Email', 'Halo. Ini saya lagi ngetes.');
await kirimEmail('contoh3@email.com', 'Tes 3 Email', 'Halo. Ini saya lagi ngetes.');</code>

在這個例子中，每個行程都會等待前一個行程完成。這種情況通常發生在需要從一個進程取得資料以用於下一個進程的情況下，因此必須等待前一個進程完成才能取得所需資料。

Promise.all()

使用 Promise.all，我們可以同時呼叫和等待多個非同步函數。

呼叫函數

使用 Promise.all 呼叫多個非同步函數的範例如下：

<code class="language-javascript">await Promise.all([
  kirimEmail('contoh1@email.com', 'Tes 1 Email', 'Halo. Ini saya lagi ngetes.'),
  kirimEmail('contoh2@email.com', 'Tes 2 Email', 'Halo. Ini saya lagi ngetes.'),
  kirimEmail('contoh3@email.com', 'Tes 3 Email', 'Halo. Ini saya lagi ngetes.'),
]);</code>

在上述範例中，我們等待三個發送郵件進程的完成，無論成功或失敗，結果都將以陣列的形式傳回。

特性

的特性如下：Promise.all

要執行的非同步函數放在一個陣列中；
所有函數作為一個整體執行，從啟動到完成；
由於它們作為一個整體，所有進程都將等待直到完成，尤其是在使用
• 的情況下；await
如果其中一個行程發生錯誤，則所有行程都會報錯。

更多詳細資訊請參考 MDN 的

文件。 Promise.all

結語

使用 Promise.all 非常方便，我們只需要寫一次 await ?，並且如果我們希望在其中一個進程出錯時停止所有進程，它也很有用。但是，如果我們希望即使某個進程出錯也能繼續執行其他進程，我們將在下一篇文章中討論。

感謝您的閱讀。如果您想討論，請留言。如果您想交朋​​友，請告訴我 ?

以上是使用 Promise.all()的詳細內容。更多資訊請關注PHP中文網其他相關文章！