首页 > 文章 > 前端

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

时间：2025-10-23 17:13:32 396浏览收藏

**生成器与异步生成器区别解析：深入理解JavaScript可迭代对象的奥秘**。本文将深入探讨JavaScript中生成器（Generator）和异步生成器（Async Generator）的区别。生成器使用`function*`定义，返回可迭代对象，通过`yield`暂停执行，并使用`for...of`进行同步遍历。而异步生成器则使用`async function*`定义，返回异步可迭代对象，支持`await`关键字和自动等待Promise，需要使用`for await...of`进行遍历，特别适用于处理流式异步数据。了解两者的差异，能帮助开发者在不同的场景下选择更合适的工具，提升代码效率和可维护性。掌握生成器和异步生成器，让你的JavaScript技能更上一层楼！

生成器使用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学习网公众号吧！