J*aScript生成器_j*ascript异步迭代_石家庄创泽智能科技有限公司

新闻中心 NEWS CENTER

您当前位置：首页 > 新闻中心 > 网络学院

JaScript生成器_jascript异步迭代

2025-12-01

浏览次数：次

返回列表

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

javascript生成器_javascript异步迭代

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

生成器函数基础

生成器函数通过 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 消费。

示例：模拟分页拉取数据

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);
}

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