ES6学习笔记21--Class的继承

• 简介

Class 可以通过 extends 关键字实现继承。

子类必须在 constructor 方法中调用 super 方法，否则新建实例时会报错。

因为子类的 this 对象，必须先通过父类的构造函数完成构造，得到与父类同样的实例属性和方法，后续再加上子类自己的实例属性。

若不通过 super() 方法调用，子类得不到 this 对象。

若子类没有定义 constructor 方法，此方法会被默认添加。在子类的构造函数中，只有调用super之后，才可以使用this关键字，否则会报错。

父类的静态方法也会被子类继承。

Object.getPrototypeOf方法可以用来从子类上获取父类。可以使用这个方法判断，一个类是否继承了另一个类。

---

• super 关键字

super 关键字既可以当做函数使用，也可以当做对象使用。

（1）当做函数使用

super() 作为函数调用时，代表父类的构造函数。ES6要求，子类的构造函数必须执行一次 super() 函数。

super() 函数虽然代表父类的构造函数，但返回的是子类的实例。即 super() 内部的 this 指向的是子类的实例。

作为函数时，super() 只能用在子类的构造函数之中,用在其他地方就会报错。

class A {
  constructor(){
    console.log(new.target.name);
  }
}
class B extends A{
  constructor(){
    /**在子类的构造函数中，只有调用super之后，才可以使用this关键字，否则会报错。*/
    //this.x = 'a'; //Uncaught ReferenceError: Must call super