类中的生成器 JavaScript

在面向对象编程中，类是一个常见的概念，是用来描述一类对象的属性和方法的，而生成器则是一种用于生成序列化对象的函数。在 JavaScript 中，可以使用类中的生成器来方便地创建数据集合和遍历。

什么是类

类是一个抽象的概念，它用来描述一个对象的属性和方法。在 JavaScript 中，类是通过 class 关键字来声明的，它用于创建一个对象的蓝图。类有以下几个重要的特点：

• 类定义了一个对象的属性和方法
• 类是一个模板，用来创建新的对象
• 类中的属性和方法可以被新创建的对象继承和重写

下面是一个示例代码：

class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }

  sayHi() {
    console.log(`Hi, I'm ${this.name}.`);
  }
}

const person1 = new Person("Alice", 25);
const person2 = new Person("Bob", 30);

person1.sayHi(); // Hi, I'm Alice.
person2.sayHi(); // Hi, I'm Bob.

在上面的代码中，我们创建了一个 Person 类，类定义了两个属性 name 和 age，以及一个方法 sayHi()。然后我们使用 new 关键字创建了两个新的 Person 对象 person1 和 person2，并分别调用了它们的 sayHi() 方法。

什么是生成器

生成器是一种特殊的函数，它可以生成序列化对象。生成器函数使用函数关键字 function* 标记，并使用 yield 语句来传递值。

下面是一个示例代码：

function* generator() {
  yield 1;
  yield 2;
  yield 3;
}

const gen = generator();

console.log(gen.next().value); // 1
console.log(gen.next().value); // 2
console.log(gen.next().value); // 3

在上面的代码中，我们定义了一个名为 generator() 的生成器函数，并在其中使用 yield 语句来生成值。然后我们使用 next() 方法来迭代序列化值。

类中的生成器

类中的生成器是一种在类中定义的生成器函数。它使用 * 符号和 yield 语句来生成序列化值。

下面是一个示例代码：

class Range {
  constructor(start, end) {
    this.start = start;
    this.end = end;
  }

  * [Symbol.iterator]() {
    for (let i = this.start; i <= this.end; i++) {
      yield i;
    }
  }
}

const range = new Range(1, 3);

for (const value of range) {
  console.log(value);
}
// 1
// 2
// 3

在上面的代码中，我们创建了一个名为 Range 的类，并定义了一个生成器函数 Symbol.iterator，它使用 yield 语句生成了一个序列化的值。然后我们创建了一个 Range 实例并使用 for...of 循环来遍历该实例。

总结

类中的生成器是一种非常方便的编程工具，它可以帮助我们创建序列化对象和遍历数据集合。在实际的开发中，我们可以根据需求来灵活地使用类和生成器，以提高代码的可读性和可维护性。