首页 > 其他 > 详细

ES5和ES6的继承对比

时间:2019-09-04 16:25:11      阅读:83      评论:0      收藏:0      [点我收藏+]

ES5的继承实现,这里以最佳实践:寄生组合式继承方式来实现。(为什么是最佳实践,前面有随笔讲过了,可以参考)

function Super(name) {
  this.name = name;  
}

Super.prototype.sayName = function() {
   console.log(this.name)
}

function Sub(name, age) {
  Super.call(this, name);
  this.age = age;  
}

Sub.prototype.sayAge = function() {
    console.log(this.age)
}

Sub.prototype = Object.create(Super.prototype, {
    constructor: {
        value: Sub,
        writable: true,
        configurable: true
    }
});

这里的Object.create可以替换成Object.setPrototypeOf,好处是不用再手动绑定constructor的指向。

这是ES5继承,再看下ES6的继承

 

 

 

 

 

 

 

 

end

ES5和ES6的继承对比

原文:https://www.cnblogs.com/yanchenyu/p/11459334.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!