JavaScript 中的class类

什么是类

JavaScript 中的类是一种用于创建对象的模板或蓝图。它们提供了一种简单而优雅的方式来组织代码，并使代码可重复使用和可维护。使用类，可以定义对象的属性和方法，从而可以在多个地方实例化该类以创建新的对象。

类是一种面向对象的编程概念，它内置于许多面向对象的编程语言中。具体来说，类是用于创建对象、初始化数据和定义函数的模版，是一种以可重复使用的格式组织某类对象的信息的方法。通过使用类，我们可以创建所述类的特定实例并访问特定类的数据和函数。

举个例子，假如你想创建猫、狗和兔子的对象。你可以单独创建每个对象，为每个新对象复制近乎相同的代码。或者你可以创建一个叫做动物的模板，然后通过向动物模板传递特殊信息来简单地创建猫、狗和兔子对象。类就是这种使用模板来创建不同但相似的对象而不需要重新写入代码的概念。

类的构成

类可以包含构造函数方法、实例方法、获取函数、设置函数和静态类方法，但这些都不是必需的。

空的类定义照样有效。默认情况下，类定义中的代码都在严格模式下执行。

JavaScript中的类

随着 2015 年 ES6 的更新，JavaScript 也拥有了类的功能。尽管它不像其他面向对象语言那样充实和详细，但它仍然存在。

JavaScript 中的类通过 class 关键字进行声明。下面是一个创建类的示例：

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

  sayHello() {
    console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
  }
}

在上面的示例中，我们定义了一个名为 Person 的类，它有两个属性：name 和 age，以及一个方法 sayHello()。构造函数（constructor）是在实例化类时被调用的方法，用于初始化对象并设置其属性。在我们的示例中，构造函数接受两个参数 name 和 age 并将它们分别赋值给类的属性。sayHello() 方法是类的成员函数，它将输出对象的属性到控制台。

要创建一个新对象，我们使用 new 关键字，并调用类的构造函数，如下所示：

const john = new Person('John', 30);
john.sayHello(); // 输出 "Hello, my name is John and I am 30 years old."

这将创建一个名为 john 的新对象，该对象具有 name 和 age 属性，以及 sayHello() 方法。我们可以使用点语法来访问和修改对象的属性，并调用对象上的方法。

JavaScript 中的类也可以继承自其他类。子类可以重写父类的方法，并添加自己的属性和方法。下面是一个示例：

class Student extends Person {
  constructor(name, age, grade) {
    super(name, age);
    this.grade = grade;
  }

  sayHello() {
    console.log(`Hello, my name is ${this.name}, I am ${this.age} years old, and I am in grade ${this.grade}.`);
  }
}

const jane = new Student('Jane', 12, 6);
jane.sayHello(); // 输出 "Hello, my name is Jane, I am 12 years old, and I am in grade 6."

在上面的示例中，我们定义了一个名为 Student 的子类，它继承了 Person 类。子类重写了 sayHello() 方法，并添加了一个新的属性 grade。我们使用 super 关键字来调用父类的构造函数，并将 name 和 age 传递给它。我们还创建了一个名为 jane 的新对象，并调用了其 sayHello() 方法。

总之，类是一种强大的工具，可帮助您编写更清晰、更模块化的代码。它们使代码易于理解和维护，并提供了一种简单而优雅的方式来创建对象。