js返回生成器的两种方法-js教程-PHP中文网

js返回生成器的两种方法

舞姬之光

发布： 2025-11-12 16:48:03

原创

504人浏览过

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

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

uBrand Logo生成器

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

查看详情

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

以上就是js返回生成器的两种方法的详细内容，更多请关注php中文网其它相关文章！