ES5和ES6 实现继承方式

在ES5 中：通过原型链实现继承的，常见的继承方式是组合继承和寄生组合继承；
在ES6中：通过Class来继承

组合继承：结合了构造函数和原型链继承

1. 在子类构造函数中 调用父类构造函数，并通过 call 改变 this 的指向 ，继承了父类的属性
2. 通过 new 一个父类的实例作为子类构造函数的原型prototype ，原型链方式来继承父类的方法

function Parent() {
    this.name = 'parent';
    this.play = [1, 2, 3];
}
function Child() {
    Parent.call(this);    //！！！key
    this.type = 'child';
}
Child.prototype = Parent.prototype;原型对象上只是一个简单的引用 （因为都是对象，所以都是引用类型，不会再执行父类函数）
var s1 = new Child();  //实例化子类时通过子类函数Child4 ()执行了父类函数

console.log(s1 instanceof Child);
console.log(s1.constructor);

寄生组合继承

1. 同样在子类构造函数中调用父类构造函数，并通过 call 改变 this 的指向 ，继承了父类的属性
2. 然后通过 Object.create() 将父类的实例的副本 作为子类构造函数的原型
   （此时子类的原型的构造函数指向了父类）
3. 将子类的原型的构造函数重新赋为子类，进行修正

好处：没有直接将父类实例赋给子类的原型，这样的话改变子类原型的属性时，父类不会受影响

function Parent2() {
   this.name = 'parent2';
   this.play = [1, 2, 3];
}
function Child2() {
   Parent2.call(this);    //!!!
   this.type = 'child2';
}
Child2.prototype = Object.create(Parent2.prototype); //!!!key   子类对象和父类对象相互隔离了但是其constructor还是父还有作用域通过原型链向上找的因素类的
child2.prototype.constructor = child2;//还需要将子类的作用域进行覆盖

Class

ES6 里的 Class 是通过关键字 extends 实现继承
子类必须在 constructor 方法中调用 super 方法

super的关键字在这里表示父类的构造函数，用来新建父类的this对象，
而子类是没有自己的 this 对象的，需要调用 super 方法，来继承父类的 this 对象，然后对其加工
注：故可知只有调用了 super 之后才可以使用 this 关键字，否则会报错

所以 ES5, ES6 继承机制区别：
ES5 ：先创造子类的实例对象 this, 然后再通过apply 将父类方法添加到this上面
ES6：调用super方法 先创造父类的实例对象 this,然后再用子类的构造函数修改this