首页 > 文章 > 前端

生成器与异步生成器区别详解

时间：2026-01-24 16:00:45 204浏览收藏

文章不知道大家是否熟悉？今天我将给大家介绍《生成器与异步生成器的区别解析》，这篇文章主要会讲到等等知识点，如果你在看完本篇文章后，有更好的建议或者发现哪里有问题，希望大家都能积极评论指出，谢谢！希望我们能一起加油进步！

生成器使用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。

比如：

// 同步遍历
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 和如何被消费。选择哪种取决于你的数据是同步还是异步产生。不复杂但容易忽略。

理论要掌握，实操不能落！以上关于《生成器与异步生成器区别详解》的详细介绍，大家都掌握了吧！如果想要继续提升自己的能力，那么就来关注golang学习网公众号吧！