javascript继承 --- 图解 ES5继承 VS ES6继承

发布时间:2019-08-09 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了javascript继承 --- 图解 ES5继承 VS ES6继承脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

ES5继承 VS ES6继承

前言

ES6 已经发展了很长时间里 javascript相对于其他例如java等是一门比较怪异的语言, 由于其历史原因其继承机制和对象生成方式被人诟病. ES6 的出现将彻底改变这一现状, ES6 引入了新的生成对象(类)语法格式,但依然为ES5的语法糖,上篇文章ES5 javascript 多种继承方式解析详细介绍了javascript的继承方式,

ES6给出了更加简洁的固定的类声明方式,有兴趣的可以查看阮一峰的ES6入门,下面给出原文链接es6 阮一峰http://es6.ruanyifeng.com

正如曾经的老师说的, 每一个不理解的概念都是因为你的脑海里缺少一幅图, 下面将以图解的方式来分析对比 javascript 继承


  1. ES5继承

    javascript继承 --- 图解 ES5继承 VS ES6继承


    正如此图所示,此图为上篇文章中降到的组合继承,从图中可以清晰的看出对象的继承规则--(再一次感叹图形的魅力 ^_^),上篇文章已经详细讲了这种继承方式,此链接组合继承为详细介绍, 有兴趣的可以到前文查看, 在这里不加累赘,ES5中这种最简单的继承,实质上就是将子类的原型设置为父类的实例。
  2. ES6继承

    javascript继承 --- 图解 ES5继承 VS ES6继承


    ES6的继承可以简单的认为就是上篇文章中的寄生组合继承, 模型几乎一模一样,只是在语法结构上多了 class 和 extends关键字,另外一个区别就是父类和子类通过__PRoto__连接。

脚本宝典总结

以上是脚本宝典为你收集整理的javascript继承 --- 图解 ES5继承 VS ES6继承全部内容,希望文章能够帮你解决javascript继承 --- 图解 ES5继承 VS ES6继承所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。