JS 如何用 Generator 处理大数据流？

Question

仓乃文 · Accepted Answer

Generator 函数可以按需逐步产出数据，而不是一次性生成全部数据，适合处理大数据集、分页加载、异步流等场景，避免内存溢出。

基本用法：
```javascript
function* idGenerator() {
  let id = 1;
  while (true) {
    yield id++;
  }
}

const gen = idGenerator();
gen.next();  // { value: 1, done: false }
gen.next();  // { value: 2, done: false }
```

分页数据加载：
```javascript
function* paginateFetcher(url, pageSize = 10) {
  let page = 1;
  while (true) {
    const res = await fetch(`${url}?page=${page}&size=${pageSize}`);
    const data = await res.json();
    if (data.length === 0) return;  // 没有更多数据，结束
    yield data;
    page++;
  }
}

// 异步 Generator
async function* asyncPaginate(url, pageSize = 10) {
  let page = 1;
  while (true) {
    const res = await fetch(`${url}?page=${page}&size=${pageSize}`);
    const data = await res.json();
    if (data.length === 0) return;
    yield data;
    page++;
  }
}
```

补充说明：
- function* 声明 Generator，yield 暂停执行并返回值
- async function* 声明异步 Generator，可以用 await
- Generator 是惰性求值，只在调用 next() 时才计算下一个值
- for...of 可以遍历 Generator，for await...of 遍历异步 Generator
- 适合大数据导出、无限滚动、流式处理等场景