Class super 关键字

super关键字用于访问和调用一个对象的父对象上的函数。

在构造函数中使用时，super关键字将单独出现，并且必须在使用this关键字之前使用。super关键字也可以用来调用父对象上的函数。

class Rectangle {
  constructor(height, width) {
    this.name = 'Rectangle';
    this.height = height;
    this.width = width;
  }
  sayName() {
    console.log('Hi, I am a ', this.name + '.');
  }
  get area() {
    return this.height * this.width;
  }
  set area(value) {
    this._area = value;
  }
}

class Square extends Rectangle {
  constructor(length) {
    // 这里，它调用父类的构造函数，并传入 length
    // 作为 Rectangle's 的 width 和 height
    super(length, length);

    // 注意 在派生的类中, super() 必须在 'this' 之前调用
    // 如果漏掉，则会导致引用错误。
    this.name = 'Square';
  }
}

在这个示例中，Square类通过extends关键字继承了Rectangle类。在Square类的构造函数中，通过super(length, length)调用了父类Rectangle的构造函数，并传入了length参数作为Rectangle的width和height。

需要注意的是，在派生类的构造函数中，super()必须在使用this之前调用，否则会导致引用错误。

类的成员

在类的内部，有三种类型的成员：

实例成员（Instance members）：实例成员是类的实例对象上的成员，每个实例对象都有一份独立的拷贝。
- 实例属性：通过this关键字或实例对象来访问。
- 实例方法：通过实例对象来调用。
静态成员（Static members）：静态成员是类本身上的成员，所有实例对象共享同一份。
- 静态属性：通过类名或this关键字来访问。
- 静态方法：通过类名来调用。
私有成员（Private members）：私有成员是类内部的成员，只能在类的内部访问，外部无法直接访问。
- 私有属性：通过在属性名前加#符号来定义私有属性。
- 私有方法：通过在方法名前加#符号来定义私有方法。

下面是一个包含实例成员、静态成员和私有成员的示例：

class MyClass {
  // 实例属性
  instanceProperty = 'instance';

  // 静态属性
  static staticProperty = 'static';

  // 私有属性
  #privateProperty = 'private';

  // 实例方法
  instanceMethod() {
    console.log('Instance method');
  }

  // 静态方法
  static staticMethod() {
    console.log('Static method');
  }

  // 私有方法
  #privateMethod() {
    console.log('Private method');
  }

  // 访问器属性
  get accessorProperty() {
    return this.#privateProperty;
  }

  set accessorProperty(value) {
    this.#privateProperty = value;
  }
}

const myInstance = new MyClass();

// 访问实例属性和方法
console.log(myInstance.instanceProperty); // 输出: instance
myInstance.instanceMethod(); // 输出: Instance method

// 访问静态属性和方法
console.log(MyClass.staticProperty); // 输出: static
MyClass.staticMethod(); // 输出: Static method

// 访问私有属性和方法
console.log(myInstance.accessorProperty); // 输出: private
myInstance.accessorProperty = 'new private';
console.log(myInstance.accessorProperty); // 输出: new private

在这个示例中，我们定义了一个MyClass类，它包含了实例属性instanceProperty、静态属性staticProperty和私有属性#privateProperty。

我们还定义了实例方法instanceMethod()、静态方法staticMethod()和私有方法#privateMethod()。

此外，我们还使用访问器属性accessorProperty来访问和修改私有属性#privateProperty的值。

通过创建MyClass的实例对象myInstance，我们可以访问实例属性和方法。静态属性和方法可以直接通过类名MyClass来访问。私有属性和方法只能在类的内部访问，外部无法直接访问，但可以通过访问器属性来间接访问和修改。