实现继承 ES5/ES6 ​

可以参看 《JavaScript 高级程序设计》第四版 P238

1. 组合继承
2. 原型式继承
3. 寄生式继承
4. 寄生式组合继承
5. 最终方案(实现一个你认为不错的 js 继承方案)
6. ES6 继承

问题 ​

ES5、ES6 的继承除了写法以外，还有什么区别？ ​

子类 this 生成顺序不同

• ES5 先生成子类实例，再调用父类的构造函数修饰子类实例
• ES6 先生成父类实例，再调用子类的构造函数修饰父类实例
  • 这个差别使得 ES6 可以继承内置对象

为什么子类的构造函数，一定要调用 super()？ ​

• 阮一峰

原因就在于 ES6 的继承机制，与 ES5 完全不同。

• ES5 的继承机制，是先创造一个独立的子类的实例对象，然后再将父类的方法添加到这个对象上面，即“实例在前，继承在后”。
• ES6 的继承机制，则是先将父类的属性和方法，加到一个空的对象上面，然后再将该对象作为子类的实例，即“继承在前，实例在后”。

这就是为什么 ES6 的继承必须先调用 super()方法，因为这一步会生成一个继承父类的 this 对象，没有这一步就无法继承父类。

注意，这意味着新建子类实例时，父类的构造函数必定会先运行一次。