JavaScript 入门：Class 揭秘

2023-12-18 03:11:16







类，对于很多编程语言来说，都是一个至关重要的概念。它帮助我们组织代码，使之更加易读和易维护。在 JavaScript 中，类是 ES2015 中引入的语法糖，它并没有为 JavaScript 引入全新的面向对象继承模型，而是让原本基于原型继承的写法更加清晰，更像传统的面向对象语法。

### **类是基于原型继承的语法糖** 

JavaScript 中的类本质上是基于原型继承的语法糖。原型继承是指对象可以继承另一个对象的属性和方法。在 JavaScript 中，每个对象都有一个原型对象，原型对象包含了该对象的所有属性和方法。当一个对象访问一个不存在于它自身的属性或方法时，它会沿着原型链向上查找，直到找到该属性或方法为止。

使用 class 语法来定义类时，JavaScript 会在幕后创建一个类对象和一个原型对象。类对象是一个普通的 JavaScript 对象，它包含了类的属性和方法。原型对象也是一个普通的 JavaScript 对象，它包含了类的实例属性和方法。当一个类被实例化时，JavaScript 会创建一个新的对象，并将该对象的原型指向类的原型对象。这意味着该对象可以访问类原型对象中的所有属性和方法。

### **类的语法** 

类的语法如下：

```javascript
class MyClass {
  // 类的属性
  property1;
  property2;

  // 类的构造函数
  constructor(arg1, arg2) {
    this.property1 = arg1;
    this.property2 = arg2;
  }

  // 类的实例方法
  method1() {
    // 方法的实现
  }

  // 类的静态方法
  static staticMethod() {
    // 方法的实现
  }
}

其中，class MyClass {} 是类的定义。property1 和 property2 是类的属性。constructor() 是类的构造函数，当一个类被实例化时，构造函数会被调用。method1() 是类的实例方法，它只能被类的实例访问。staticMethod() 是类的静态方法，它可以通过类本身来访问，而不需要实例化类。

类的继承

JavaScript 中的类支持继承。继承是指一个类可以从另一个类继承属性和方法。子类继承了父类的所有属性和方法，还可以定义自己的属性和方法。

使用 extends 来实现类的继承。子类的语法如下：

class MyChildClass extends MyClass {
  // 子类的属性
  property3;

  // 子类的构造函数
  constructor(arg1, arg2, arg3) {
    super(arg1, arg2);
    this.property3 = arg3;
  }

  // 子类的实例方法
  method2() {
    // 方法的实现
  }
}

其中，class MyChildClass extends MyClass {} 表示 MyChildClass 类继承自 MyClass 类。property3 是子类的属性。构造函数 constructor() 调用 super() 来调用父类的构造函数，并初始化子类的属性。method2() 是子类的实例方法。