ES6——解开JavaScript继承的神秘面纱

2023-08-11 08:28:46

ES6 中的类：提升 JavaScript 开发体验

JavaScript 的 ES6 版本引入了一个激动人心的特性——类，为开发人员提供了更直观、更有效的方法来组织和构建他们的代码。

类的定义

类是定义对象蓝图的语法糖。它们使用 class 定义，后面是类名。在类内部，我们可以声明构造函数（用于初始化实例）和方法（用于定义对象行为）。

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

创建类的实例

要创建类实例，我们使用 new 关键字，后跟类名和参数列表。这将调用构造函数并创建一个具有指定属性和行为的新对象。

const person = new Person('John Doe', 30);

person.greet(); // 输出: Hello, my name is John Doe and I am 30 years old.

继承

继承使我们能够创建新类，它们从现有类继承属性和方法。这通过 extends 关键字实现。

class Employee extends Person {
  constructor(name, age, jobTitle) {
    super(name, age); // 调用父类的构造函数
    this.jobTitle = jobTitle;
  }

  work() {
    console.log(`I am ${this.name} and I work as a ${this.jobTitle}.`);
  }
}

多态性

多态性是指对象能够以不同的方式响应相同的调用。在 ES6 中，通过继承和方法重写实现多态性。

const employee = new Employee('Jane Doe', 35, 'Software Engineer');

employee.greet(); // 输出: Hello, my name is Jane Doe and I am 35 years old.
employee.work(); // 输出: I am Jane Doe and I work as a Software Engineer.