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

19 篇文章 1 订阅
19 篇文章 0 订阅

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

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

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

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

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

首先我们先定义一个父类


(代码可左右滑动)

原型链继承

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


实例继承

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


拷贝继承

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


组合继承

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值