ES6 项目中的 class 类怎么使用

在ES6项目中，class类是使用面向对象编程（OOP）模式的一种基础建构。类是一种特殊函数，可以创建和管理新对象且支持继承。在ES6中，类使得对象原型的写法更加清晰、简洁。主要使用方式包括定义类、构造函数、方法、静态方法、以及继承。

其中，构造函数是类中的核心功能。使用constructor方法，每当创建一个类的新实例时，该方法就会被调用。它用于初始化对象的状态。

一、定义类

在ES6中定义一个类非常简单，使用class关键字后跟类名即可。类体中可以定义构造器（constructor）和各种方法（包括静态方法和成员方法）。

class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
  introduce() {
    return `My name is ${this.name}, and I am ${this.age} years old.`;
  }
}
const person1 = new Person("John", 30);
console.log(person1.introduce());

在这个例子中，Person类有一个构造函数和一个成员函数introduce。构造函数用于初始化新创建对象的属性，而introduce方法则提供了一个介绍个人信息的行为。

二、继承

在面向对象编程中，继承是一个重要概念。ES6通过extends关键字实现继承，允许一个类继承另一个类的属性和方法。

class Employee extends Person {
  constructor(name, age, jobTitle) {
    super(name, age);
    this.jobTitle = jobTitle;
  }
  introduce() {
    return `${super.introduce()} And I'm a(n) ${this.jobTitle}.`;
  }
}
const employee1 = new Employee("Jane", 28, "Engineer");
console.log(employee1.introduce());

在这个例子中，Employee类继承了Person类。通过使用super关键字调用父类的构造函数和方法，Employee类不仅继承了Person类的属性和方法，还增加了自己的属性和覆盖了父类的introduce方法。

三、静态方法

静态方法是类的方法，不需要实例化即可调用。通过在方法前加上static关键字来定义。静态方法经常用来执行不依赖于类实例的操作。

class Utils {
  static randomInteger(min, max) {
    return Math.floor(Math.random() * (max - min + 1)) + min;
  }
}
console.log(Utils.randomInteger(1, 100));

这里的Utils类包含了一个静态方法randomInteger，它可以在不创建Utils类实例的情况下调用，常用于工具类。

四、私有属性和方法

ES6 class目前还不支持直接定义私有属性和方法，但可以使用#前缀来约定私有属性和方法。私有属性和方法只能在类的内部访问，外部无法访问。

class Secret {
  #secretCode;
  constructor(secretCode) {
    this.#secretCode = secretCode;
  }
  getSecret() {
    return this.#secretCode;
  }
}
const secret = new Secret("12345");
console.log(secret.getSecret()); // 正确访问
// console.log(secret.#secretCode); // 访问报错，因为#secretCode是私有属性