Class，JavaScript面向对象的利器

前端

2023-10-21 21:53:33

面向对象编程（OOP）：JavaScript 中强大的工具

简介

面向对象编程（OOP）是一种组织代码的强大方法，将数据和行为打包到称为对象的实体中。通过关注对象之间的交互，OOP 使得创建复杂系统变得轻而易举。在 JavaScript 中，OOP 通过 Class 语法得以实现。

Class 简介

Class 是 ES6 中引入的一个，允许你定义自己的对象类型。Class 由两部分组成：

属性： 存储对象数据的变量。
方法： 定义对象行为的函数。

定义一个 Class

要定义一个 Class，请使用以下语法：

class MyClass {
  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.`);
  }
}

创建 Class 实例

要创建 Class 实例，请使用 new 运算符：

const person = new MyClass('John', 30);

现在，你可以访问 person 对象的属性和方法：

person.name; // 'John'
person.age; // 30
person.greet(); // Hello, my name is John and I am 30 years old.

继承

继承使你能够从现有 Class 中创建新的 Class，同时继承其属性和方法。使用 extends 关键字实现继承：

class ChildClass extends ParentClass {
  constructor() {
    super();
  }

  newMethod() {
    console.log('This is a new method in the ChildClass.');
  }
}

多态性

多态性允许对象以不同的方式响应相同的操作。在 JavaScript 中，它通过函数重载（方法签名不同）和方法重写（父类和子类中相同的方法签名）实现。

Class 的优点

使用 Class 带来了许多好处：