JS中的继承

使用class extends 关键字js帮我们生成的继承关系图

如果我们想要实现上面的继承关系，要注意以下问题：

1. 子类和父类的属性都在1中，怎么才能实现？
2. 子类的constructor属性指向子类，怎么才能实现?
3. 子类的原型方法和父类的原型方法，各自独立，分别在2和3中，怎么才能实现？

解决方法

1. 子类和父类的属性都在1中

function SubType(name) {
  SuperType.call(this, name);
}

2. 子类的constructor属性指向子类

SubType.prototype.constructor = SubType;

3. 子类的原型方法和父类的原型方法，各自独立

//这个方法很重要！！！ES5 Object.create()与该方法的行为相同
const createObj = function(obj) {
  const F = function() {};
  F.prototype = obj;
  return new F();
}

SubType.prototype = createObj(SuperType.prototype);