生成器使用function定义，返回可迭代对象，通过yield暂停，用for...of同步遍历；异步生成器用async function定义，返回异步可迭代对象，支持await和自动等待Promise，需用for await...of遍历，适用于流式异步数据处理。
生成器（Generator）和异步生成器（Async Generator）都是 JavaScript 中用于创建可迭代对象的特殊函数，它们在处理数据流和异步操作时非常有用。虽然两者结构相似，但在执行方式和使用场景上有明显区别。
基本语法与定义
生成器函数通过 function* 定义，调用后返回一个可迭代的生成器对象，使用 yield 暂停执行。
例如：
function* syncGen() {yield 1;
yield 2;
}
异步生成器函数通过 async function* 定义，返回一个异步可迭代对象，同样使用 yield，但每次 yield 可以暂停并等待异步操作完成。
立即学习“Java免费学习笔记（深入）”；
例如：
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 和如何被消费。选择哪种取决于你的数据是同步还是异步产生。不复杂但容易忽略。
