Class 类：深入浅出，探秘 JavaScript 面向对象

2023-11-08 01:17:00

JavaScript 作为一门动态语言，其强大的灵活性一直以来备受推崇。然而，随着应用程序复杂性的不断提升，开发者逐渐意识到面向对象编程范式的必要性。ES6 的引入为 JavaScript 带来了 class 类的概念，彻底改变了其面向对象编程的格局。

1. 认识 Class 类

class 类的本质是充当对象的模板。它定义了对象的属性和方法，为创建具有特定行为和特性的对象提供了一个蓝图。与传统 JavaScript 中的构造函数不同，class 类的语法更加简洁明了，同时还提供了对继承和多态性的支持。

要定义一个 class 类，我们需要使用 class，后面跟上类名。class 类的结构如下：

class ClassName {
  // 类属性
  attribute1;
  attribute2;

  // 类方法
  method1() {}
  method2() {}
}

2. 实例化对象

实例化一个对象是指根据 class 类的蓝图创建一个具体的对象。我们可以使用 new 关键字来实例化对象。

const object1 = new ClassName();

通过实例化对象，我们可以访问类中的属性和方法。

object1.attribute1; // 访问属性
object1.method1(); // 调用方法

3. 继承与多态性

class 类的强大之处在于它对继承和多态性的支持。继承允许子类从父类继承属性和方法，并可以扩展或修改它们。多态性则允许对象以不同方式响应相同的方法调用，从而实现灵活的代码重用。

继承

class ParentClass {
  attribute;
  method() {}
}

class ChildClass extends ParentClass {
  // 继承了 ParentClass 的属性和方法
}

多态性

class Animal {
  speak() {}
}

class Dog extends Animal {
  speak() {
    console.log("汪汪");
  }
}

class Cat extends Animal {
  speak() {
    console.log("喵喵");
  }
}

const dog = new Dog();
const cat = new Cat();

dog.speak(); // 输出 "汪汪"
cat.speak(); // 输出 "喵喵"