如何处理方法简写在配合 ES6 生成器 Generator 时的特殊语法规则

本篇文章主要是结合我之前面试的各种经历和实战开发中遇到的问题解决经验整理的，希望这篇《如何处理方法简写在配合 ES6 生成器 Generator 时的特殊语法规则》对你有很大帮助！欢迎收藏，分享给更多的需要的朋友学习~

Generator函数不支持方法简写语法，必须用function显式声明；对象或类中需通过完整函数表达式赋值，仅计算属性名（如[Symbol.iterator]）内可用简写。

方法简写本身不支持直接定义 Generator 函数，必须显式写出 function* 形式，不能用对象字面量中的简写语法（如 method*() {}）来声明 Generator 方法。

Generator 不能用方法简写语法

ES6 规范明确禁止在对象方法简写或类方法简写中使用星号（*）标记 Generator。以下写法全部报错：

• { *gen() {} } —— 对象字面量中不允许 *gen()
• class C { *gen() {} } —— 类中也不允许简写带星号的方法
• const obj = { gen: function*() {} } —— 必须用完整函数表达式赋值

正确写法：用 function* 显式声明

要在对象或类中定义 Generator 方法，只能采用显式函数表达式形式：

• 对象中：const obj = { gen: function*() { yield 1; yield 2; } };
• 类中：class C { gen() { return (function*() { yield 'a'; })(); } } 或更常见的是在实例方法里返回 generator 实例
• 也可在 constructor 中初始化：this.gen = function*() { yield this.value; };

注意 yield 的作用域和调用时机

Generator 函数体内的 yield 只在调用 next() 时执行，且只在 function* 内部有效。若误写成简写形式，JS 引擎会直接抛出 SyntaxError，不会进入运行时阶段。

• yield 不可出现在箭头函数、普通方法简写、getter/setter 中
• 哪怕只是 yield 后面没表达式（yield;），也必须确保它在 function* 体内
• 对象属性值若为 generator 函数，需手动调用 .next()，无法被 for...of 自动识别，除非该属性名是 Symbol.iterator

实用技巧：让对象支持 for...of

若希望对象能被 for...of 遍历，需手动部署 [Symbol.iterator] 接口，指向一个 Generator 函数：

• const iterable = { *[Symbol.iterator]() { yield 'x'; yield 'y'; } };
• 此时 for (let v of iterable) console.log(v); 可正常工作
• 这里的 * 是合法的，因为 [Symbol.iterator] 是计算属性名，其值是 function* 表达式

今天关于《如何处理方法简写在配合 ES6 生成器 Generator 时的特殊语法规则》的内容介绍就到此结束，如果有什么疑问或者建议，可以在golang学习网公众号下多多回复交流；文中若有不正之处，也希望回复留言以告知！