浅析 JavaScript 混合对象“类”实现模式及其重要性

2023-11-06 17:51:35

在 JavaScript 中，我们可以通过函数来创建对象，但是函数创建的对象没有类的概念，也没有继承和多态性等面向对象编程的特性。为了弥补函数创建对象的不足，JavaScript 引入了“类”的概念，我们可以通过“类”来创建对象，并可以使用继承和多态性等特性。

JavaScript 中的“类”

在 JavaScript 中，“类”只是一个语法糖，它并不是真正的“类”。JavaScript 中的“类”本质上是一个函数，但它拥有“类”的一些特性，比如继承和多态性。

要创建一个“类”，我们可以使用 class ，然后在 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 的“类”。Person 类有两个属性：name 和 age，以及一个方法：greet()。

类的继承

在 JavaScript 中，类的继承是通过 extends 关键字实现的。子类可以通过 extends 关键字继承父类的属性和方法。

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

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

上面的代码创建了一个名为 Student 的子类，Student 类继承了 Person 类的所有属性和方法。Student 类还拥有自己的属性和方法：school 和 study()。

类的多态性

在 JavaScript 中，类的多态性是指父类的通用行为可以被子类用更特殊的行为重写。多态性是面向对象编程中非常重要的一个特性，它可以使我们的代码更加灵活和可扩展。

const person = new Person('John', 30);
const student = new Student('Jane', 20, 'Harvard University');

person.greet(); // Hello, my name is John and I am 30 years old.
student.greet(); // Hello, my name is Jane and I am 20 years old.
student.study(); // Jane is studying at Harvard University.