为什么 ES6 的 Class 是你必须了解的

前端

2023-09-21 09:50:22

ES6 引入了 Class 的概念，它通过 class 定义。这极大地简化了对象创建过程，并使代码更加结构化和可维护。

Class 的优势

代码简洁： 与使用构造函数和原型的传统方法相比，Class 提供了一种更简洁的方式来定义和实例化对象。
更好的组织： Class 将相关方法和属性封装在一个单元中，这有助于组织和管理代码。
面向对象编程： Class 促进面向对象编程原则的应用，例如继承、多态和封装。

静态方法

Class 中一个独特的功能是静态方法。静态方法使用 static 关键字标记，不能被实例继承，只能通过类本身调用。它们通常用于执行不依赖于特定实例的实用程序任务。

理解 ES6 Class

乍一看，ES6 Class 可能有点吓人，但掌握它们并不难。关键是要理解它们与传统对象创建方法的不同之处：

Class 使用 class 关键字定义，而不是 function 关键字。
Class 中的方法默认是实例方法，除非标记为 static。
Class 可以继承自其他 Class，形成层次结构。

实例

以下代码演示了如何使用 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.`);
  }

  static isAdult(age) {
    return age >= 18;
  }
}

const john = new Person('John Doe', 30);
john.greet(); // Output: Hello, my name is John Doe and I am 30 years old.
console.log(Person.isAdult(21)); // Output: true