JavaScript中的生成器(Generator)与异步生成器(Async Generator)有何异同？-js教程-PHP中文网

JavaScript中的生成器(Generator)与异步生成器(Async Generator)有何异同？

幻影之瞳

发布： 2025-10-02 15:30:03

原创

242人浏览过

生成器使用function定义，返回可迭代对象，通过yield暂停，用for...of同步遍历；异步生成器用async function定义，返回异步可迭代对象，支持await和自动等待Promise，需用for await...of遍历，适用于流式异步数据处理。

javascript中的生成器(generator)与异步生成器(async generator)有何异同？

生成器（Generator）和异步生成器（Async Generator）都是 JavaScript 中用于创建可迭代对象的特殊函数，它们在处理数据流和异步操作时非常有用。虽然两者结构相似，但在执行方式和使用场景上有明显区别。

生成器函数通过 function* 定义，调用后返回一个可迭代的生成器对象，使用 yield 暂停执行。

例如：

function* syncGen() {
yield 1;
yield 2;
}

异步生成器函数通过 async function* 定义，返回一个异步可迭代对象，同样使用 yield，但每次 yield 可以暂停并等待异步操作完成。

例如：

async function* asyncGen() {
yield await fetch('/api/data');
yield Promise.resolve(2);
}

生成器返回的是 Generator 对象，它是同步可迭代的，可以用 for...of 遍历。

异步生成器返回的是 AsyncGenerator 对象，必须用 for await...of 来消费其值，因为每个 yield 的结果可能是 Promise。

uBrand Logo生成器

uBrand Logo生成器是一款强大的AI智能LOGO设计工具。

比如：

// 同步遍历
for (const val of syncGen()) {
console.log(val);
}

// 异步遍历
for await (const val of asyncGen()) {
console.log(val);
}

普通生成器中的 yield 不会自动处理 Promise，如果 yield 一个 Promise，它只是原样返回，不会等待其 resolve。

而异步生成器中的 yield 可以配合 await 使用，也能直接 yield Promise，系统会在迭代时自动 await。

这意味着异步生成器更适合处理流式异步数据，如逐条读取文件、分页拉取 API 数据等。

在生成器中，错误可通过 try...catch 在函数内部捕获，或通过 generator.throw() 外部注入错误。

异步生成器的错误处理需结合 try...catch 与 await，因为异常可能来自异步操作，需要用 for await...of 中的异常捕获来处理 rejected 的 Promise。

基本上就这些。两者都基于迭代协议，核心区别在于是否支持异步 yield 和如何被消费。选择哪种取决于你的数据是同步还是异步产生。不复杂但容易忽略。

以上就是JavaScript中的生成器(Generator)与异步生成器(Async Generator)有何异同？的详细内容，更多请关注php中文网其它相关文章！

大家都在看：