资讯专栏INFORMATION COLUMN

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

陆斌 / 1049人阅读

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

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

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

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

ES5继承

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

ES6继承

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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/107166.html

相关文章

  • 整理Object的一些方法

    摘要:父类的原型方法子类调用构造函数子类继承父类前面说到的,实际上是将第一个参数无论是原型对象还是普通对象的属性添加到新创建对象的原型中,这也就意味着,通过中定义的属性和方法是无法通过方法添加到新创建对象中的。 ES5 和 ES6 中 Object 添加了很多新的方法,现在很多开源代码中有用到了这些,今天来整理一番。 Object.assign() 这是ES6新添加的方法,Object.as...

    Meils 评论0 收藏0
  • JavaScript继承理解:ES5继承方式+ES6Class继承对比

    摘要:寄生组合式继承的继承方式有多种主要有原型链继承借用构造函数组合式继承寄生式继承和寄生组合式继承。中利用定义类,实现类的继承子类里调用父类构造函数实现实例属性和方法的继承子类原型继承父类原型,实现原型对象上方法的继承。 JavaScript中实现继承   在JavaScript中实现继承主要实现以下两方面的属性和方法的继承,这两方面相互互补,既有共享的属性和方法,又有特有的属性和方法。 ...

    liaoyg8023 评论0 收藏0
  • javascript继承 --- 多种继承方式解析(ES5)

    摘要:继承前言作为一门轻量级的脚本语言在和的横空出世之后将其推向的新的高度虽然中出现的新的生成对象的类语法格式但依然为的语法糖而我们依然有必要从的原生实现入手来了解它的继承实现方式给出了更加简洁的固定的类声明方式有兴趣的可以查看阮一峰的入门下面给 javascript继承 前言 javascript作为一门轻量级的脚本语言在ES6和node.js的横空出世之后将其推向的新的高度,虽然 ES6...

    yankeys 评论0 收藏0
  • 刷《一年半经验,百度、有赞、阿里面试总结》·手记

    摘要:在掘金上看到了一位大佬发了一篇很详细的面试记录文章一年半经验,百度有赞阿里面试总结,为了查漏补缺,抽空就详细做了下。 在掘金上看到了一位大佬发了一篇很详细的面试记录文章-《一年半经验,百度、有赞、阿里面试总结》,为了查漏补缺,抽空就详细做了下。(估计只有我这么无聊了哈哈哈) 有给出的或者有些不完善的答案,也尽力给出/完善了(可能有错,大家自行辨别)。有些很困难的题目(例如实现Promi...

    codeKK 评论0 收藏0
  • 刷《一年半经验,百度、有赞、阿里面试总结》·手记

    摘要:在掘金上看到了一位大佬发了一篇很详细的面试记录文章一年半经验,百度有赞阿里面试总结,为了查漏补缺,抽空就详细做了下。 在掘金上看到了一位大佬发了一篇很详细的面试记录文章-《一年半经验,百度、有赞、阿里面试总结》,为了查漏补缺,抽空就详细做了下。(估计只有我这么无聊了哈哈哈) 有给出的或者有些不完善的答案,也尽力给出/完善了(可能有错,大家自行辨别)。有些很困难的题目(例如实现Promi...

    NusterCache 评论0 收藏0

发表评论

0条评论

陆斌

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<