使用function语法定义生成器函数,通过yield暂停执行,调用next()逐步运行;2. 在对象或类中以方法名()形式定义生成器方法,适用于结构化场景,本质与前者相同,核心在于星号位置和yield控制流程。

在 javaScript 中,生成器(Generator)是一种特殊的函数,可以暂停和恢复执行。它返回一个可迭代的生成器对象。以下是创建生成器的两种主要方法。
1. 使用生成器函数语法
最常见的方式是使用 function* 语法来定义生成器函数。这种函数内部可以使用 yield 暂停执行。
- 函数名前加星号 *,表示这是一个生成器函数。
- 调用时返回一个生成器对象,不会立即执行函数体。
- 通过调用 .next() 方法逐步执行,每次遇到 yield 暂停。
示例:
function* myGenerator() {<br/> yield 1;<br/> yield 2;<br/> yield 3;<br/> }<br/><br/><p>const gen = myGenerator();<br/> console.log(gen.next().value); // 1<br/> console.log(gen.next().value); // 2
2. 通过对象方法定义生成器
可以在对象字面量或类中使用简洁语法定义生成器方法。这种方式适用于需要将生成器作为对象属性或类成员的情况。
- 在对象的方法名前加 *。
- es6 提供了简写形式,不需要写 function 关键字。
- 同样返回生成器实例,支持 yield 和 .next() 控制流程。
示例(对象中):
const obj = {<br/> *generatorMethod() {<br/> yield 'a';<br/> yield 'b';<br/> }<br/> };<br/><br/><p>const gen = obj.generatorMethod();<br/> console.log(gen.next().value); // 'a'
示例(类中):
class MyClass {<br/> *createGenerator() {<br/> yield 10;<br/> yield 20;<br/> }<br/> }<br/><br/><p>const instance = new MyClass();<br/> const gen = instance.createGenerator();
基本上就这些。两种方式本质相同,区别在于使用场景:普通函数用于独立逻辑,对象或类方法更适合结构化组织代码。关键点是记住星号的位置和 yield 的作用机制。不复杂但容易忽略细节。