ES6与ES5继承比较
来源:互联网 发布:经传软件试用版 编辑:程序博客网 时间:2024/04/29 14:55
1. 关于ES5寄生构造函数继承
/*寄生组合式继承*/function inHeritPrototype(SuperType,SubType) { var prototype=Object(SuperType);//创建对象 prototype.constructor=SubType;//增强对象 SubType.prototype=prototype;}function SuperType(name){ this.name=name; this.colors=["blue","white"];}SuperType.prototype.sayName=function () { console.log(this.name);};function SubType(age,name) { SuperType.call(this, name); this.age=age;}inHeritPrototype(SuperType,SubType);SubType.prototype.sayAge=function () { return this.age;};var instance1=new SubType("hello",28);console.log(instance1);
2. ES6继承方法
class SuperType{ constructor(name){ this.name=name; this.colors=["blue","white"] } sayName(){ console.log(this.name) } } class SubType extends SuperType{ constructor(name,age){ super(name);//super调用父类的方法,会绑定子类的this. this.age = age; } sayAge(){ return this.age; } } var instance2 = new SubType("hello",29); console.log(instance2);
ES5继承实质:先创建实例对象this,再将父类方法添加到this上面。
ES6继承实质:先创造父类的实例对象this,用子类的构造函数修改this.
阅读全文
1 0
- ES6与ES5继承比较
- ES5与ES6继承的区别
- React ES5与ES6语法写法比较
- 关于ES5中的prototype与ES6中class继承的比较
- ES6与ES5差别
- React: ES5 和 ES6 比较
- JavaScript ES6与ES5对比
- ES6与ES5对比-----'类'
- js中es5类的创建继承与es6中类的创建继承
- ES5/ES6
- [长期更新]Es5与Es6对比
- React的ES5与ES6写法对比
- ES5与ES6的对比不同点
- ES5与ES6 两种形态
- es6与es5 中this的区别
- React ES6与ES5写法的区别
- es6转为es5:Babel下的ES6兼容性与规范
- ES5和ES6中对于继承的实现方法
- 从四个属性的角度来理解C语言的指针也许会更好理解
- HDU 1257 最少拦截系统(贪心模板)
- 工厂方法模式--简单工厂的再抽象
- 获取最近运行应用方法和杀进程的方法
- 剑指offer面试题目:丑数
- ES6与ES5继承比较
- 消息推送原理以及实现过程
- Spring Cloud Zuul 的 route 运行机制分析
- 二叉树的前序、中序、后序遍历
- threeSumClosest
- MySQL配置文件my.cnf参数优化和中文详解
- HPUoj 1084: 矩形嵌套问题( DAG/LIS
- ApplicationEvent和ApplicationListener的使用
- yii2使用hasOne联查的数据,同样实现在列表中的排序功能