Async Generator 是一種支持異步操作的生成器函數(shù)，它能邊生成數(shù)據(jù)邊異步等待，適用於流式數(shù)據(jù)處理。 1. 它通過async function* 定義，yield 後可直接跟Promise，無需手動(dòng).then()；2. 使用for await...of 消費(fèi)其產(chǎn)生的數(shù)據(jù)流，使代碼看起來同步但實(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 提供了一種更自然的方式來實(shí)現(xiàn)它。如果你需要一邊生成數(shù)據(jù)一邊異步獲?。ū热鐝腁PI 分頁拉取、讀取大文件分塊等），async generator 是一個(gè)很合適的工具。

什麼是Async Generator？

async generator 是一種可以返回Promise 並支持await的generator 函數(shù)。它的語法和普通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é)合for await...of來消費(fèi)async generator 產(chǎn)生的數(shù)據(jù)流。比如你想分頁獲取用戶列表，每一頁都通過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í)行。
• 數(shù)據(jù)是一塊一塊來的，適合大數(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è)文件再處理，佔(zhàn)用內(nèi)存高。
• async generator 可以一行一行地讀，邊讀邊處理，節(jié)省資源。

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

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

雖然async generator 很強(qiáng)大，但在使用過程中有幾個(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ù)。
• 異常處理要小心：在異步生成過程中拋出的錯(cuò)誤不會(huì)自動(dòng)被捕獲，建議在generator 內(nèi)部加上try/catch，或者在外部遍歷時(shí)catch 錯(cuò)誤。
• 不要輕易return，break 要考慮狀態(tài)：如果你提前跳出for await...of ，generator 可能還沒完成整個(gè)流程，要注意是否影響後續(xù)邏輯。

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

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