标签：es6 父类 bar Sub 继承 子类 foo Super class

一、区别

ES5 的继承，实质是先创造子类的实例对象，然后将再将父类的方法添加到 this 上。 ES6 的继承，先创造父类的实例对象（所以必须先调用 super 方法，然后再用子类的构造函数修改 this

二、代码实现

 1 function Super(foo) {
 2   this.foo = foo;
 3 }
 4 Super.prototype.printFoo = function () {
 5   console.log(this.foo);
 6 };
 7 function Sub(bar) {
 8   this.bar = bar;
 9   // 调用父类的构造函数
10   Super.call(this);
11 }
12 // 将子类是原型绑定在父类原型的复制对象上，之后修改子类原型就不会影响父类原型
13 Sub.prototype = Object.create(Super.prototype);
14 // 让子类原型的构造函数指向子类构造函数
15 Sub.prototype.constructor = Sub;

 1 class Super {
 2   constructor(foo) {
 3     this.foo = foo;
 4   }
 5   printFoo() {
 6     console.log(this.foo);
 7   }
 8 }
 9 class Sub extends Super {
10   constructor(foo, bar) {
11     Super(foo);//注意子类必须要有super（）函数
12     this.bar = bar;
13   }
14 }

标签：es6,父类,bar,Sub,继承,子类,foo,Super,class
来源： https://www.cnblogs.com/zisi/p/14588003.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。