JavaScript 生成器详解：yield 如何控制函数执行流程

注意最后一步，return 'baz' 不仅产出了值，还标记了生成器的完成状态。

实例隔离性

生成器函数内部的执行流程是针对每个生成器对象区分作用域的。这意味着同一个函数创建出的多个实例互不干扰。

function* generatorFn() {
  yield 'foo';
  yield 'bar';
  return 'baz';
}

let generatorObject1 = generatorFn();
let generatorObject2 = generatorFn();

console.log(generatorObject1.next()); // { done: false, value: 'foo' }
console.log(generatorObject2.next()); // { done: false, value: 'foo' }
console.log(generatorObject2.next()); // { done: false, value: 'bar' }
console.log(generatorObject1.next()); // { done: false, value: 'bar' }

即使两个对象来自同一个函数定义，它们各自维护独立的执行指针和状态。

使用范围限制

yield 关键字只能在生成器函数内部直接使用。如果在普通函数、箭头函数或嵌套的非生成器函数中使用，会抛出语法错误。

// 有效
function* validGeneratorFn() {
  yield;
}

// 无效：yield 不能用于普通函数
function* invalidGeneratorFnA() {
  function a() {
    yield; 
  }
}

// 无效：yield 不能用于箭头函数
function* invalidGeneratorFnB() {
  const b = () => {
    yield;
  };
}

// 无效：yield 不能用于立即执行的箭头函数
function* invalidGeneratorFnC() {
  (() => {
    yield;
  })();
}

在实际开发中，如果你发现代码报出类似 "Unexpected token" 的错误，且涉及 yield，请检查它是否被包裹在了非生成器函数内部。这是初学者最容易踩的坑之一。

掌握 yield 的执行控制逻辑，是理解异步编程、迭代协议以及更高级并发模型的基础。