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

在 JavaScript 中,生成器(Generator)是一种特殊的函数,可以暂停和恢复执行。它返回一个可迭代的生成器对象。以下是创建生成器的两种主要方法。
1. 使用生成器函数语法
最常见的方式是使用 function* 语法来定义生成器函数。这种函数内部可以使用 yield 暂停执行。
- 函数名前加星号 *,表示这是一个生成器函数。
- 调用时返回一个生成器对象,不会立即执行函数体。
- 通过调用 .next() 方法逐步执行,每次遇到 yield 暂停。
示例:
function* myGenerator() {
yield 1;
yield 2;
yield 3;
}
const gen = myGenerator();
console.log(gen.next().value); // 1
console.log(gen.next().value); // 2
2. 通过对象方法定义生成器
可以在对象字面量或类中使用简洁语法定义生成器方法。这种方式适用于需要将生成器作为对象属性或类成员的情况。
酷纬企业网站管理系统Kuwebs是酷纬信息开发的为企业网站提供解决方案而开发的营销型网站系统。在线留言模块、常见问题模块、友情链接模块。前台采用DIV+CSS,遵循SEO标准。 1.支持中文、英文两种版本,后台可以在不同的环境下编辑中英文。 3.程序和界面分离,提供通用的PHP标准语法字段供前台调用,可以为不同的页面设置不同的风格。 5.支持google地图生成、自定义标题、自定义关键词、自定义描
- 在对象的方法名前加 *。
- ES6 提供了简写形式,不需要写 function 关键字。
- 同样返回生成器实例,支持 yield 和 .next() 控制流程。
示例(对象中):
const obj = {
*generatorMethod() {
yield 'a';
yield 'b';
}
};
const gen = obj.generatorMethod();
console.log(gen.next().value); // 'a'
示例(类中):
class MyClass {
*createGenerator() {
yield 10;
yield 20;
}
}
const instance = new MyClass();
const gen = instance.createGenerator();
基本上就这些。两种方式本质相同,区别在于使用场景:普通函数用于独立逻辑,对象或类方法更适合结构化组织代码。关键点是记住星号的位置和 yield 的作用机制。不复杂但容易忽略细节。









