站在 JavaScript 类的肩膀上，一览语言风云

2023-10-27 12:54:20

缘起：类的缘由

在计算机科学的世界里，类是一种抽象的数据类型，它是对现实世界中具有共同特征和行为的事物的抽象。这种抽象使我们能够以一种结构化和模块化的方式来组织和管理数据，并通过定义方法来对数据进行操作。

JavaScript 作为一门动态语言，在很长一段时间里都没有原生的类。但随着语言的发展，人们逐渐意识到类对于代码组织和复用的重要性。在 ES6 中，JavaScript 终于迎来了类的到来，它为这门语言增添了面向对象编程的基因。

初识：类的定义

JavaScript 中的类使用 class 定义，它与函数非常相似，但有一些关键的区别。首先，类名必须以大写字母开头，这与 JavaScript 中的变量命名规则不同。其次，类中可以定义属性和方法，它们分别对应于对象的属性和方法。

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

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

在这个示例中，我们定义了一个名为 Person 的类，它有两个属性 name 和 age，以及一个方法 greet()。当我们创建一个 Person 的实例时，这些属性和方法都会被复制到实例中。

成长：继承与多态

类的另一个重要特性是继承。继承允许我们创建一个新的类，它继承了另一个类的属性和方法。这使得我们可以轻松地创建新的类，而无需重复编写代码。

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

  study() {
    console.log(`${this.name} is studying ${this.major}.`);
  }
}

在这个示例中，我们创建了一个 Student 类，它继承了 Person 类。Student 类具有 Person 类的所有属性和方法，此外还添加了一个新的属性 major 和一个新的方法 study()。

多态是继承的另一个重要特性。多态允许我们以不同的方式调用相同的方法，具体取决于对象的类型。例如，我们可以调用 Person 类的 greet() 方法，也可以调用 Student 类的 greet() 方法，它们都会输出不同的结果。

融合：封装与属性、方法

封装是面向对象编程的另一个重要特性。封装是指将数据的表示和操作隐藏在类内部，从而保护数据免受外部访问。在 JavaScript 中，我们可以通过使用私有属性和方法来实现封装。

class Person {
  #name;
  #age;

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

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

在这个示例中，我们使用了私有属性 #name 和 #age 来隐藏数据。私有属性只能在类内部访问，外部代码无法直接访问它们。这样，我们就实现了对数据的保护。

扩展：类的扩展与应用

在 JavaScript 中，我们还可以通过扩展类来实现类的扩展。扩展类允许我们创建一个新的类，它继承了另一个类的所有属性和方法，同时还可以添加新的属性和方法。

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

  work() {
    console.log(`${this.name} is working as a ${this.jobTitle}.`);
  }
}

在这个示例中，我们创建了一个 Employee 类，它继承了 Person 类。Employee 类具有 Person 类的所有属性和方法，此外还添加了一个新的属性 jobTitle 和一个新的方法 work()。