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

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

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

非同步函數(shù)的執(zhí)行

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

定義函數(shù)

定義非同步函數(shù)只需在函數(shù)宣告時加上 async 關(guān)鍵字，其餘與普通函數(shù)相同。

例如，我們定義一個非同步發(fā)送郵件的函數(shù)：

async function kirimEmail(tujuan, judul, isi) {
  // 發(fā)送郵件
  // ...
}

或使用箭頭函數(shù)：

const kirimEmail = async (tujuan, judul, isi) => {
  // 發(fā)送郵件
  // ...
}

呼叫函數(shù)

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

例如：

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.');

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

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

例如：

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.');

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

Promise.all()

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

呼叫函數(shù)

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

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.'),
]);

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

特性

的特性如下：Promise.all

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

文件。 Promise.all

結(jié)語

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

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

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