JavaScript Class（类）

前言

在 JavaScript 中，类是一种用于创建对象的模板。使用 class 关键字来定义类，类体在一对大括号{}中，可以在其中定义类的成员，如属性、方法或构造函数等。

class基础知识

基础语法

// class方法
class MyClass {
   
   
  constructor() {
   
    ... }
  method1() {
   
    ... }
  method2() {
   
    ... }
  set doSomething() {
   
    ... }
  get doSomething() {
   
    ... }
}

说明：

• constructor 是类的构造函数，用于在创建对象实例时进行初始化操作。
• 类中的方法定义在类的主体中。
• 类的方法之间没有逗号。
• 类支持getter/setter。

以下是一个简单的 JavaScript 类的示例：

class User {
   
   
  constructor(name) {
   
   
    this.name = name;
  }

  sayHi() {
   
   
    console.log(`大家好，我是 ${
     
     this.name}。`);
  }
}

let user1 = new User("张三");
user1.sayHi();

在示例中：

• class User {...} 创建一个名为 User 的函数，User 函数成为类声明的结果。
• constructor()是类的构造函数，用于在创建对象实例时进行初始化操作。在构造函数中，可以为对象的属性赋值。在创建类的实例时，会自动调用构造函数。User 函数的代码来自于 constructor() 方法（如果我们不编写这种方法，那么它就被假定为空）。
• 类中的方法定义在类的主体中，方法可以访问和操作对象的属性。例如 User .prototype 中的 sayHi。
• 当new User("张三", 18)被调用，创建了一个新的对象user1。
• constructor() 使用给定的参数运行，并将其赋值给 this.name。

可以试着打印看看结果：

// class 是一个函数
console.log(typeof User); // function

// ...或者，更确切地说，是 constructor 方法
console.log(User === User.prototype.constructor); // true

// 方法在 User.prototype 中，例如：
console.log(User.prototype.sayHi); // sayHi 方法的代码

// 在原型中实际上有两个方法
console.log(Object.getOwnPropertyNames(User.prototype)); // ['constructor', 'sayHi']

注意：

1. 必须使用 new 来调用 class 创建的函数。
   通过 class 创建的函数具有特殊的内部属性标记 [[IsClassConstructor]]: true（这个属性我是在文档上看到的，实际打印的时候没有看到，请知道的同学指点一下，谢谢）。
2. 每个类只能有一个构造函数constructor()，如果包含多个构造函数，会抛出异常。
3. 类的方法内部的this关键字指向类的实例对象。
4. 类方法不可枚举。 类定义将 “prototype” 中的所有方法的 enumerable 标志设置为 false。
5. 类总是使用 use strict。 在类构造中的所有代码都将自动进入严格模式。