JavaScript生成器_javascript异步迭代

生成器函数通过function*定义，使用yield暂停执行并按需产出值，适合处理大量或无限数据；结合async可创建异步生成器，支持在yield中使用await，实现对异步数据源的惰性求值。通过实现Symbol.asyncIterator接口，对象可被for await...of遍历，适用于分页请求、文件流读取等场景。异步生成器能封装复杂异步流程，如重试机制和数据管道，提升代码可读性和内存效率。需注意done状态判断与错误处理细节。

JavaScript生成器和异步迭代是处理数据流和异步操作的强大工具。生成器函数能暂停执行，按需产出值，而异步迭代则让遍历异步数据源变得自然流畅。两者结合，特别适合处理如网络请求流、文件读取或事件序列这类场景。

生成器函数基础

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

function* countUp() {
  yield 1;
  yield 2;
  return 3;
}

const gen = countUp();
gen.next(); // { value: 1, done: false }
gen.next(); // { value: 2, done: false }
gen.next(); // { value: 3, done: true }

每次调用 next()，函数继续执行直到遇到下一个 yield 或结束。这种惰性求值特性非常适合处理大量或无限数据。

异步迭代与 for await...of

异步迭代允许你遍历异步生成的值。只要一个对象实现了 [Symbol.asyncIterator] 方法，并返回带有 next() 的对象（该方法返回Promise），就可以被 for await...of 消费。

立即学习“Java免费学习笔记（深入）”；

async function* fetchPages(url) {
  let page = 1;
  while (true) {
    const response = await fetch(`${url}?page=${page}`);
    const data = await response.json();
    if (data.length === 0) break;
    yield data;
    page++;
  }
}

for await (const page of fetchPages('/api/items')) {
  console.log(page);
}

这个模式避免了一次加载所有数据，提升性能和内存效率。

Type

生成草稿，转换文本，获得写作帮助-等等。

83

查看详情

生成器与异步结合

你可以创建异步生成器函数 —— 在 function* 前加上 async。这样就能在 yield 中使用 await，同时支持异步迭代。

特点包括：

• 函数体内可使用 await 等待异步操作
• yield 出的值会被包装成 Promise
• 天然支持 for await...of 遍历

这种写法把复杂的异步流程封装得像同步代码一样清晰。

实际应用场景

这类技术适用于以下情况：

• 读取大型文件时逐块处理，避免内存溢出
• 监听 WebSocket 消息流，按需响应
• 实现重试机制：异步生成器可在失败后重试请求并继续产出
• 构建数据处理管道，多个异步步骤串联执行

基本上就这些。掌握生成器和异步迭代，能让代码更优雅地应对流式数据和复杂异步逻辑。不复杂但容易忽略细节，比如 done 状态的判断和错误处理。

以上就是JavaScript生成器_javascript异步迭代的详细内容，更多请关注php中文网其它相关文章！