ES6中类的新特性

2023-11-03 02:11:25

ES6 中新增的 class 类将面向对象的概念引入到 JavaScript 中，它允许你将数据和行为组织成类和对象，使代码更易于阅读、理解和维护。

类：抽象的对象蓝图

类是一个抽象的概念，它了一组具有相似特征和行为的对象。在 ES6 中，可以使用 class 来定义一个类。类的语法如下：

class MyClass {
  // 类属性
  property1;
  property2;

  // 类方法
  method1() {
    // 方法体
  }

  method2() {
    // 方法体
  }

  // 类构造函数
  constructor() {
    // 构造函数体
  }
}

对象：类的实例

对象是类的实例，它具有类所定义的属性和方法。你可以使用 new 关键字来实例化一个对象。对象的语法如下：

const myObject = new MyClass();

属性：对象的特征

属性是对象的特征，它了对象的状态。在 ES6 中，可以使用两种方式定义属性：

类属性： 使用 class 关键字来定义类属性。类属性是属于类的所有对象的属性。
实例属性： 使用 this 关键字来定义实例属性。实例属性是属于特定对象的属性。

方法：对象的行动

方法是对象的行动，它描述了对象可以做什么。在 ES6 中，可以使用两种方式定义方法：

类方法： 使用 class 关键字来定义类方法。类方法是属于类的所有对象的属性。
实例方法： 使用 this 关键字来定义实例方法。实例方法是属于特定对象的属性。

继承：类的层次结构

继承允许你创建一个子类，该子类继承了父类的属性和方法。在 ES6 中，可以使用 extends 关键字来创建子类。子类的语法如下：

class ChildClass extends ParentClass {
  // 子类属性
  property1;
  property2;

  // 子类方法
  method1() {
    // 方法体
  }

  method2() {
    // 方法体
  }

  // 子类构造函数
  constructor() {
    // 构造函数体
  }
}