ES5和ES6中的继承

看到一篇写的非常好的关于js继承的文章，其中对构造函数、原型、实例之间的关系的描述十分透彻，故转载作者文章以随时学习，并供大家共同进步！

ES5

ES5中的继承，看图：

 function Super() {}

 function Sub() {}
 Sub.prototype = new Super();
 Sub.prototype.constructor = Sub;

 var sub = new Sub();

 Sub.prototype.constructor === Sub; // ② true
 sub.constructor === Sub; // ④ true
 sub.__proto__ === Sub.prototype; // ⑤ true
 Sub.prototype.__proto__ == Super.prototype; // ⑦ true

ES5中这种最简单的继承，实质上就是将子类的原型设置为父类的实例。

ES6

ES6中的继承，看图：

 class Super {}

 class Sub extends Super {}

 var sub = new Sub();

 Sub.prototype.constructor === Sub; // ② true
 sub.constructor === Sub; // ④ true
 sub.__proto__ === Sub.prototype; // ⑤ true
 Sub.__proto__ === Super; // ⑥ true
 Sub.prototype.__proto__ === Super.prototype; // ⑦ true

所以

ES6和ES5的继承是一模一样的，只是多了class 和extends ，ES6的子类和父类，子类原型和父类原型，通过__proto__ 连接。

原文链接：ES5和ES6中的继承

感谢作者：@KeenWon