ES6 中的类：一个新的 OOP 编程范例

随着 JavaScript 的不断发展，ES6 提供了一个全新的 OOP 编程范例——类。在 ES6 之前，JavaScript 并没有提供一个真正的类概念，而是通过原型链来实现面向对象编程。ES6 中的类提供了更加清晰和直接的方式来定义对象和继承关系，使得编写和维护代码变得更加容易。

类的定义

在 ES6 中，我们可以使用 class 关键字来定义一个类。类可以包含属性和方法，以及构造函数和静态方法。

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

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

  static sayHi() {
    console.log('Hi there!');
  }
}

在上面的例子中，我们定义了一个 Person 类，它有两个属性 name 和 age，一个构造函数 constructor，一个实例方法 sayHello 和一个静态方法 sayHi。构造函数用于创建类的实例，实例方法用于执行对象的操作，而静态方法则是类本身的方法，不能被实例调用。

类的继承

ES6 中的类也支持继承，通过 extends 关键字来实现。子类可以继承父类的属性和方法，并且还可以添加自己的属性和方法。

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

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

  sayMajor() {
    console.log(`My major is ${this.major}.`);
  }
}

在上面的例子中，我们定义了一个 Student 类，它继承了 Person 类，并添加了一个 major 属性和一个 sayMajor 方法。super 关键字用于调用父类的构造函数和方法。

类的使用

创建类的实例和调用方法与 ES5 中的构造函数和原型方法类似。

const person = new Person('Alice', 25);
person.sayHello(); // Hello, my name is Alice and I am 25 years old.

const student = new Student('Bob', 20, 'Computer Science');
student.sayHello(); // Hello, my name is Bob, I am 20 years old, and my major is Computer Science.
student.sayMajor(); // My major is Computer Science.

总结

ES6 中的类提供了一个更加直观和易于理解的 OOP 编程范例，使得编写和维护代码变得更加容易。通过 class 关键字定义类，通过 extends 关键字实现继承，可以更加方便地创建和组织对象。同时，类也支持静态方法和属性，方便我们在类级别上管理和处理数据。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/658a88faeb4cecbf2dfbf2f1