使用一次 await 等待多個異步進(jìn)程。

JavaScript 的一個強(qiáng)大之處在于它能夠進(jìn)行異步 (asynchronous) 操作，避免進(jìn)程間的相互等待。在實(shí)際應(yīng)用中，異步操作常用于等待時間取決于外部因素的進(jìn)程，例如網(wǎng)絡(luò)連接、存儲速度等。以下是一些異步操作的例子：

• 數(shù)據(jù)庫查詢
• 從其他網(wǎng)站獲取數(shù)據(jù) (HTTP 請求)
• 讀寫文件
• 發(fā)送郵件

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

在 JavaScript 中，異步操作通常使用函數(shù)來實(shí)現(xiàn)。函數(shù)是一組執(zhí)行特定任務(wù)的代碼塊，例如加法函數(shù)用于計(jì)算和，關(guān)機(jī)函數(shù)用于關(guān)閉計(jì)算機(jī)（也許有這樣的函數(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ā)送郵件
  // ...
}

調(diào)用函數(shù)

調(diào)用上述函數(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ā)送郵件的進(jìn)程都是按順序執(zhí)行的，但不會等待任何一個進(jìn)程完成。因此，下一個進(jìn)程會在前一個進(jìn)程未完成時啟動，不會互相阻塞。

如果需要獲取數(shù)據(jù)或等待異步進(jìn)程完成，可以在調(diào)用函數(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.');

在這個例子中，每個進(jìn)程都會等待前一個進(jìn)程完成。這種情況通常發(fā)生在需要從一個進(jìn)程獲取數(shù)據(jù)用于下一個進(jìn)程的情況下，因此必須等待前一個進(jìn)程完成才能獲取所需數(shù)據(jù)。

Promise.all()

使用 Promise.all，我們可以同時調(diào)用和等待多個異步函數(shù)。

調(diào)用函數(shù)

使用 Promise.all 調(diào)用多個異步函數(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ā)送郵件進(jìn)程的完成，無論成功或失敗，結(jié)果都將以數(shù)組的形式返回。

特性

Promise.all 的特性如下：

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

更多詳細(xì)信息請參考 MDN 的 Promise.all 文檔。

結(jié)語

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

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

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