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

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

什么是 Async Generator？

async generator 是一種可以返回 Promise 并支持 await 的 generator 函數(shù)。它的語(yǔ)法和普通 generator 類似，只是前面加了 async 關(guān)鍵字。它每次調(diào)用 next() 返回的值是一個(gè) Promise，而不是直接的 { value, done } 對(duì)象。

你可以這樣定義一個(gè) async generator：

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

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

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

最常見(jiàn)的方式是結(jié)合 for await...of 來(lái)消費(fèi) async generator 產(chǎn)生的數(shù)據(jù)流。比如你想分頁(yè)獲取用戶列表，每一頁(yè)都通過(guò) fetch 獲取：

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);
}

這種方式的好處在于：

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

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

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

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

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

使用時(shí)需要注意什么？

雖然 async generator 很強(qiáng)大，但在使用過(guò)程中有幾個(gè)細(xì)節(jié)容易忽略：

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

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

以上是帶有JavaScript異步生成器的異步迭代的詳細(xì)內(nèi)容。更多信息請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！