Async Generator 是一種支持異步操作的生成器函數，它能邊生成數據邊異步等待，適用于流式數據處理。1. 它通過 async function* 定義，yield 后可直接跟 Promise，無需手動 .then()；2. 使用 for await...of 消費其產生的數據流，使代碼看起來同步但實際異步執(zhí)行；3. 與普通異步函數不同，它支持逐步生成和處理數據，節(jié)省內存資源；4. 使用時需注意環(huán)境兼容性、必須用 for await...of 遍歷、異常處理要謹慎、避免隨意中斷流程。Async Generator 結合了 generator 的流程控制和 async/await 的異步能力，適合分段獲取和流式處理場景。

異步迭代在處理流式數據或逐步獲取結果時特別有用，而 JavaScript 的 async generators 提供了一種更自然的方式來實現(xiàn)它。如果你需要一邊生成數據一邊異步獲取（比如從 API 分頁拉取、讀取大文件分塊等），async generator 是一個很合適的工具。

什么是 Async Generator？

async generator 是一種可以返回 Promise 并支持 await 的 generator 函數。它的語法和普通 generator 類似，只是前面加了 async 關鍵字。它每次調用 next() 返回的值是一個 Promise，而不是直接的 { value, done } 對象。

你可以這樣定義一個 async generator：

async function* myAsyncGenerator() {
  yield await someAsyncOperation();
}

它和普通的 generator 不一樣的是：yield 后面可以是 Promise，并且你不需要手動去 .then() 處理。

如何使用 Async Generator 做異步迭代？

最常見的方式是結合 for await...of 來消費 async generator 產生的數據流。比如你想分頁獲取用戶列表，每一頁都通過 fetch 獲?。?/p>

async function* fetchUserPages() {
  let page = 1;
  while (true) {
    const res = await fetch(`https://api.example.com/users?page=${page}`);
    const data = await res.json();

    if (data.users.length === 0) break;

    yield data.users;
    page  ;
  }
}

// 使用方式
for await (const users of fetchUserPages()) {
  console.log(users);
}

這種方式的好處在于：

• 代碼看起來同步，但背后是異步執(zhí)行。
• 數據是一塊一塊來的，適合大數據處理。
• 可以隨時中斷循環(huán)，比如遇到空數據就退出。

Async Generator 跟普通異步函數有什么區(qū)別？

普通異步函數一次返回全部數據，而 async generator 可以“邊生成邊異步等待”。這在處理大量數據或流式數據時非常有用。比如你有一個很大的日志文件，想按行讀取并分析：

• 普通 async 函數可能要一次性讀完整個文件再處理，占用內存高。
• async generator 可以一行一行地讀，邊讀邊處理，節(jié)省資源。

另外，async generator 支持暫停和恢復，像 generator 一樣控制流程，同時又具備異步能力。

使用時需要注意什么？

雖然 async generator 很強大，但在使用過程中有幾個細節(jié)容易忽略：

• 不是所有環(huán)境都完全支持：Node.js 和現(xiàn)代瀏覽器大多已經支持，但如果你還在維護老項目，得確認運行環(huán)境是否兼容。
• 不能直接用普通 for...of 遍歷：必須用 for await...of，否則你會得到一堆 Promise，而不是實際的數據。
• 異常處理要小心：在異步生成過程中拋出的錯誤不會自動被捕獲，建議在 generator 內部加上 try/catch，或者在外部遍歷時 catch 錯誤。
• 不要輕易 return，break 要考慮狀態(tài)：如果你提前跳出 for await...of，generator 可能還沒完成整個流程，要注意是否影響后續(xù)邏輯。

基本上就這些。async generator 結合了 generator 的流程控制能力和 async/await 的異步優(yōu)勢，非常適合用來處理分段獲取、流式處理等場景。只要注意使用方式和兼容性，就能寫出清晰高效的異步迭代代碼。

以上是帶有JavaScript異步生成器的異步迭代的詳細內容。更多信息請關注PHP中文網其他相關文章！