美文网首页前端攻城狮让前端飞
web前端学习,JavaScript中对象继承方法你了解多少呢?

web前端学习,JavaScript中对象继承方法你了解多少呢?

作者: web前端开发砖家 | 来源:发表于2018-02-08 16:51 被阅读0次

    对语言有一定了解的同学应该对于“面向对象”这四个字应该是很熟悉的,对于JAVA,C#这类的编程工程师来说,这是必备的一个概念。但对于前端来说,这个概念似乎不是经常提起。

    在这里还是要推荐下我自己建的Python开发学习群:628979297,群里都是学Python开发的,如果你正在学习Python ,小编欢迎你加入,今天分享的这个案例已经上传到群文件,大家都是软件开发党,不定期分享干货(只有Python软件开发相关的),包括我自己整理的一份2018最新的Python进阶资料和高级开发教程,欢迎进阶中和进想深入Python的小伙伴

    很多人运用JS还是以特效和框架为主,如果你不是做插件开发或者平台开发,否则基本运用不到JS里面的面向对象编程这一个概念。JavaScript作为一门面向对象编程语言,所以基本的面向对象特征还是存在的,本文就着重讲到如何运用JS实现面向对象中继承这一个概念。在阅读本文之前,首先得对JS中原型和原型链要有一定的了解,因为JS对象都是基于原型和原型链的,自然继承肯定是跟原型和原型链有关系。

    所谓继承,就是只一个对象是可以直接使用另外一个对象的属性或者方法的,这个过程中肯定有谁继承谁,也就是子类继承父类的情况。在传统基于类的面向对象语言都会有一个关键字extend,但是JS中是没有这个概念的,那么我们该怎样使用JS实现继承了?

    由于没有extend关键字,所以JS实现继承方式并不固定,也是利用本身的一个语法糖去进行的,所以比较灵活。总结起来,JS继承大致有一下几种方式

    首先我们先定义一个父类

    (代码可左右滑动)

    原型链继承

    父类对象是可以直接访问父类的属性或者方法的,那么可以通过把父类对象赋值给子类原型,那么子类也就会拥有了父类原型里面的所有原型和方法。下面代码实现这个过程;

    实例继承

    为父类实例添加新特性,作为子类返回实例

    拷贝继承

    获取到父类实例,子类拷贝父类已经存在可枚举的属性或者方法。

    组合继承

    通过构造函数模式和原型链继承方式实现继承,结合一起实现实例与原型双向继承。

    相关文章

      网友评论

        本文标题:web前端学习,JavaScript中对象继承方法你了解多少呢?

        本文链接:https://www.haomeiwen.com/subject/kooazxtx.html