TypeScript使用yield*报错：如何修正IterableIterator<T>非数组类型问题

这个问题我之前也碰到过，本质是TypeScript严格区分了IterableIterator<T>和数组类型——虽然两者都支持迭代，但迭代器并不是数组，不能直接用数组方法或者赋值给数组类型的变量。下面给你几个不用any就能解决的方案：

方案1：将迭代器转换为数组 #

如果你确实需要数组类型的结果，可以用扩展运算符[...]或者Array.from()把IterableIterator<T>转换成真正的数组，TypeScript会自动推断出正确的数组类型：

// 定义一个返回IterableIterator<number>的生成器
function* numberGenerator(): Generator<number> {
  yield 1;
  yield 2;
  yield* moreNumbers();
}

function* moreNumbers(): Generator<number> {
  yield 3;
  yield 4;
}

// 正确：将迭代器转为number[]类型
const numberArray: number[] = [...numberGenerator()];
// 或者用Array.from
const anotherNumberArray = Array.from(numberGenerator());

注意：这个方法只适用于有限迭代器，如果你的生成器是无限的（比如一直yield值不终止），转换数组会导致无限循环，要避免这种情况。

方案2：正确指定生成器函数的类型 #

有时候错误是因为TypeScript对生成器的类型推断不够准确，手动指定生成器的返回类型（Generator<YieldType, ReturnType, NextType>）可以帮助TypeScript正确识别迭代器的类型：

// 明确指定生成器的yield类型为string
function* stringGenerator(): Generator<string> {
  yield "hello";
  yield* anotherStringGenerator();
}

function* anotherStringGenerator(): Generator<string> {
  yield "world";
}

// 此时stringGenerator()返回的是IterableIterator<string>，类型清晰
const iterator = stringGenerator();
for (const str of iterator) {
  console.log(str); // 类型推断为string，无错误
}

方案3：避免混淆yield*的返回值 #

很多人会误以为yield*会返回被委托迭代器的所有值组成的数组，但实际上yield*返回的是被委托迭代器的return值（不是迭代的元素）。如果你的错误是因为误用了yield*的返回值，需要调整逻辑：

function* delegatedGenerator() {
  yield 1;
  yield 2;
  return "迭代完成"; // 这是yield*会返回的值
}

function* mainGenerator() {
  // result的类型是string，不是number[]
  const result = yield* delegatedGenerator();
  console.log(result); // 输出"迭代完成"
}

如果需要在生成器内部收集yield*迭代的所有元素，可以手动遍历迭代器并收集：

function* collectGenerator() {
  const iterator = delegatedGenerator();
  const collected: number[] = [];
  for (const num of iterator) {
    collected.push(num);
    yield num;
  }
  // 现在collected是number[]类型，可以正常操作
  console.log("收集的元素：", collected);
}

内容的提问来源于stack exchange，提问作者kechol