首页 > 其他 > 详细

ES6 class 于 继承 extends

时间:2019-07-20 14:55:38      阅读:87      评论:0      收藏:0      [点我收藏+]

之前构造函数,没有类的概念,ES6中有了class类这个东西。

简单的一个例子:
技术分享图片

输出:

技术分享图片

需要注意的是,语法换了,但是构造函数、构造函数的原型、实例的关系还是那样。 

技术分享图片

 输出:

 技术分享图片

 需要注意写法:

技术分享图片

底层还是prototype的那套东西;也就是说构造函数还是存在,只不过是写在了class里面的constructor里面了。

window还是有People函数属性,People函数还是有prototype,我们写的两个函数, zhangda()还有sayHello()都是基于构造函数上。

继承。例子: 学生是人,所以学生继承人类。但学生比人类更具体,属性更多。

ES5中 继承:

技术分享图片

 技术分享图片

输出:

技术分享图片

 实际上 ES6和ES5是一个机理。 

ES6实现继承的方式:

技术分享图片

输出:

技术分享图片

 

 

 ES6并没有深化“继承”的概念,还是用我们的“prototype”来实现继承。

技术分享图片

 

ES6 class 于 继承 extends

原文:https://www.cnblogs.com/lixiao0703/p/lixaio01.html

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