js返回生成器的两种方法

35次阅读

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

js返回生成器的两种方法

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. 通过对象方法定义生成器

可以在对象字面量或类中使用简洁语法定义生成器方法。这种方式适用于需要将生成器作为对象属性或类成员的情况。

js返回生成器的两种方法

uBrand Logo生成器

uBrand Logo生成器是一款强大的AI智能LOGO设计工具。

js返回生成器的两种方法 57

查看详情 js返回生成器的两种方法

  • 在对象的方法名前加 *
  • 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 的作用机制。不复杂但容易忽略细节。

text=ZqhQzanResources