箭头函数内部不能使用 yield，这是语法层面的硬性限制，解析阶段即报 uncaught syntaxerror；yield 仅允许出现在 function 函数中，箭头函数既不支持 语法，也无生成器执行上下文。
箭头函数内部不能使用 yield，这不是运行时错误，而是语法层面的硬性限制 —— 代码在解析阶段就会报错：Uncaught SyntaxError: Unexpected identifier。这是因为 yield 只被允许出现在生成器函数（function*）中，而箭头函数既不支持 function* 语法，也不具备生成器行为所需的执行上下文。
明确识别 yield 的合法使用场景
只有带 * 星号的函数声明或表达式才可包含 yield：
-
function* gen() { yield 1; }✅ -
const gen = function*() { yield 1; };✅ -
const gen = *() => {};❌（语法非法，JavaScript 不允许箭头函数加*） -
const fn = () => { yield 1; };❌（直接报SyntaxError）
避免误写：三类典型错误写法
以下写法都会在代码加载或编译时立即失败，无需执行就能发现：
- 把普通箭头函数当成生成器用：
const fetchData = () => { yield apiCall(); }; - 混淆异步逻辑与生成器逻辑：
const process = async () => { yield delay(1000); };（async函数也不能用yield） - 复制粘贴生成器代码到箭头函数里，忘了改函数声明方式
正确替代方案
若你本意是做异步暂停或分步产出，应按目标选择合适机制：
- 需要“暂停/恢复”迭代逻辑 → 改用
function*生成器函数 - 需要异步等待（如等待 Promise）→ 用
async/await，配合普通函数或箭头函数 - 想在箭头函数中调用生成器 → 可以执行它，但不要在箭头函数体内写
yield：const run = () => [...myGenerator()]
开发环境提前拦截
这类错误虽简单，但容易因疏忽引入。建议启用：
- ESLint 规则
no-restricted-syntax，禁用YieldExpression出现在箭头函数体中 - 编辑器语法高亮 + TypeScript（.ts 文件中，TypeScript 编译器会直接标记
yield在箭头函数内的使用为错误） - 构建工具（如 Webpack + babel）配置严格 parser 选项，让语法错误暴露在打包前
