ES6 新特性：简洁直观的面向对象编程体验

2024-01-31 04:05:02

ES6 类，简洁直观的面向对象编程体验

在 ES6 之前，JavaScript 中的对象创建和操作，主要依靠原型链和构造函数。虽然这种方式能够满足基本的编程需求，但当项目规模增大时，代码的可读性、可维护性就会面临挑战。

ES6 应运而生，带来了革命性的类机制。类，在其他面向对象语言中早已存在，是一种抽象数据类型，用于具有共同特征和行为的对象集合。在 ES6 中，类被引入，为 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.`);
  }
}

const person = new Person('John Doe', 30);
person.greet(); // Hello, my name is John Doe and I am 30 years old.

类继承和多态性

ES6 中的类支持继承和多态性。类可以通过 extends 关键字，继承另一个类的属性和方法。例如：

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

  work() {
    console.log(`${this.name} is working as a ${this.jobTitle}.`);
  }
}

const employee = new Employee('Jane Doe', 25, 'Software Engineer');
employee.greet(); // Hello, my name is Jane Doe and I am 25 years old.
employee.work(); // Jane Doe is working as a Software Engineer.

类的静态方法和属性

ES6 中的类，可以定义静态方法和属性。静态方法和属性，属于类本身，而不是类的实例。例如：

class Utils {
  static sum(a, b) {
    return a + b;
  }

  static PI = 3.14159;
}

console.log(Utils.sum(1, 2)); // 3
console.log(Utils.PI); // 3.14159