首页 > 其他 > 详细

es6类的继承

时间:2019-12-14 20:25:19      阅读:83      评论:0      收藏:0      [点我收藏+]

es6之前实现继承:

写一个Person的构造函数:

技术分享图片

 

通过new Person构造函数生成一个实例对象,打印person这个实例对象:

 

 技术分享图片

 

 

es6实现继承的写法:

技术分享图片

打印person实例:

技术分享图片

 

 

 在实例对象上可以调用类中的方法:

技术分享图片

 

 

 现在写一个子类,子类要继承Person这个类,要通过extends

super关键字表示调用父类的构造方法,也就是父类constructor中的内容

技术分享图片

子类中新加了salary属性,因为父类中没有这个属性,所以要自己添加

技术分享图片

 

打印子类的实例对象:可以看到它的原型对象以及原型的原型对象

 

 技术分享图片

 

 

 在子类的实例对象上可以调用父类的showName方法:

技术分享图片

 

 

 但是子类中还有一个salary属性,父类中没有,所以只能重写父类的showName方法:

技术分享图片

 

 

调用showName方法:

 技术分享图片

es6类的继承

原文:https://www.cnblogs.com/zxmonster/p/12040672.html

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