ES6 class 类的继承

继承

Class 是通过 extends关键字实现继承某个类中的所有方法和属性。

class Person{
  
}
class FamilyPerson extends Person{
  constructor(x,y,name){
    super(x,y); // 调用父类的costructor(x,y)
    this.name = name;
  }
  toString(){
    return this.name + ':' + super.toString(); 调用父类的toString（）
  }
}

子类的constructor方法如果在没有调用super之前，就使用this关键字，会报错，在调用super方法之后就是正确的。

class Person {
  constructor(x, y) {
    this.age = x;
    this.sex = y;
  }
}

class FamilyPerson extends Person {
  constructor(x, y, name) {
    this.name = name; // ReferenceError
    super(x, y);
    this.name = name; // 正确
  }
}

Object.getPrototypeOf()

用来判断一个类是否继承了另一个类。

Object.getPrototypeOf(FamilyPerson) === Person // true

super 关键字

既可以当函数使用，有可以当对象使用。

class Item {
  constructor() {
    this.val = 1;
  }
}

class Kind extends Item {
  constructor() {
    super();
    this.val = 2;
    super.val = 3;
    console.log(super.val); // undefined
    console.log(this.val); // 3
  }
}

let b = new B();

注意：

1. super()执行时，它指向的是子类的构造函数，而不是父类的构造函数。
2. super作为对象时，在普通方法中，指向父类的原型对象；在静态方法中，指向父类。
3. 由于super指向父类的原型对象，所以定义在父类实例上的方法或属性，是无法通过super调用的。
4. 由于this指向子类实例，所以如果通过super对某个属性赋值，这时super就是this，赋值的属性会变成子类实例的属性。

参考文献

阮一峰老师的 ECMAScript 6 入门

---

求点赞 求评论 求收藏 ~~ 今天的学习记录暂时到这… ~~ 求点赞 求评论 求收藏