在 javascript 中，箭头函数不能直接使用 yield。因为 yield 是生成器（generator）特有的语法，而箭头函数被设计为轻量级的匿名函数，不支持生成器所需的内部状态管理和迭代协议。要使用 yield，必须使用传统的函数声明或函数表达式。
为什么箭头函数不支持 yield？
箭头函数与传统函数的核心区别在于其执行上下文和内部方法。传统函数拥有自己的 this、arguments 对象以及 [[Construct]] 内部槽位，这使得它们能够作为构造函数或被调用 new.target。更重要的是，只有传统函数可以被标记为生成器函数（即在 function 关键字后加星号 *），从而支持 yield 暂停执行并返回值的特性。箭头函数没有这些内部结构，因此引擎无法为其创建生成器实例。
function* generatorFunc() {
yield 1;
yield 2;
}
const arrowGen = () => {
yield 3; // SyntaxError: Unexpected number
};
// 正确用法
const gen = generatorFunc();
console.log(gen.next().value); // 1
// 错误用法
try {
const badGen = arrowGen();
} catch (e) {
console.error(e.message); // SyntaxError
}
如何替代箭头函数中的 yield 功能？
既然箭头函数本身不能成为生成器，我们可以通过将生成器逻辑封装在传统函数中，并在箭头函数内调用它来实现类似的效果。或者，如果仅仅是为了处理异步流，可以使用 async/await 配合 Promise，这通常比生成器更直观且兼容性好。对于需要手动控制迭代的场景，可以返回一个包含 next 方法的对象来模拟生成器行为。
// 方案一：在箭头函数中调用生成器函数
const createGenerator = () => {
return function* () {
yield 'a';
yield 'b';
};
};
const genInstance = createGenerator()();
console.log(genInstance.next().value); // 'a'
// 方案二：使用 async/await 处理异步流
async function asyncFlow() {
const result = await fetch('/api/data');
return result.json();
}
// 方案三：手动实现迭代器接口
const iteratorObj = {
*[Symbol.iterator]() {
yield 1;
yield 2;
}
};
for (const val of iteratorObj) {
console.log(val); // 1, 2
}
基于 yield 返回值的具体问题
当使用 yield 时，每次调用生成器的 next() 方法都会返回一个对象，该对象包含 value 和 done 两个属性。value 是 yield 后面表达式的值，如果生成器结束，done 将为 true，此时 value 通常为 undefined，除非提供了默认返回值。理解这个返回结构对于正确处理生成器输出至关重要。
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
