位置: 编程技术 - 正文

Javascript编程中几种继承方式比较分析(javascript编程技术)

编辑:rootadmin

推荐整理分享Javascript编程中几种继承方式比较分析(javascript编程技术),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:javascript编写,javascriptcsdn,javascriptcsdn,javascriptcsdn,请问在javascript程序中,javascript编写,javascript+,javascript 编程,内容如对您有帮助,希望把文章链接给更多的朋友!

本文实例分析了Javascript编程中几种继承方式比较。分享给大家供大家参考,具体如下:

开篇

从'严格'意义上说,javascript并不是一门真正的面向对象语言。这种说法原因一般都是觉得javascript作为一门弱类型语言与类似java或c#之类的强型语言的继承方式有很大的区别,因而默认它就是非主流的面向对象方式,甚至竟有很多书将其描述为'非完全面向对象'语言。其实个人觉得,什么方式并不重要,重要的是是否具有面向对象的思想,说javascript不是面向对象语言的,往往都可能没有深入研究过javascript的继承方式,故特撰此文以供交流。

为何需要利用javascript实现继承

早期pc机器的性能确实不敢恭维,所有的压力全在服务器端,客户端浏览器纯属摆设。再加上那时流行的table布局以及电话线的上网方式导致浏览一个网页十分的卡;而今互联网时代飞速发展,个人电脑硬件得到了极大提升,客户端浏览器的性能也十分的酸爽,web开发的模式也在悄悄改变:服务端不再像以前那样“辛苦”,取而代之的是尽可能的让浏览器承担更多的任务,如此一来,压力分摊到每个客户端上,企业不但节省成本,随之也让web前端开发变的更加有趣--越来越多的前端框架层出不穷,甚至出现了许多前端的MVC框架。在这种背景下,javascript的角色已经绝对不是只做一些简单的验证,发送一些请求或者操作一些DOM,更多的需要担任类似前端路由和业务层的角色,并且javascript需要做大量的逻辑性任务,这里面就包括前台数据的抽离(即model),而只有运用面向对象的思维才能很好的对抽离数据进行处理,因此继承就在这里显得举足轻重。

从一个简单的需求开始

现从前台抽离一个model名为Person,其有基本属性name和age,默认每个人都会说话,因此将说话的功能say放在了原型对象上,以供每个实例享用。现在对于Man来说,它需要继承Person的基本属性,并且在此基础上添加自己特有的属性。

下面介绍几种主流的继承方式。

1.原型链继承

Javascript编程中几种继承方式比较分析(javascript编程技术)

这种继承方式很直接,为了获取Person的所有属性方法(实例上的和原型上的),直接将父类的实例new Person('pursue')赋给了子类的原型,其实子类的实例man1,man2本身是一个完全空的对象,所有的属性和方法都得去原型链上去找,因而找到的属性方法都是同一个。 所以直接利用原型链继承是不现实的。

2.利用构造函数继承

这里子类的在构造函数里利用了apply去调用父类的构造函数,从而达到继承父类属性的效果,比直接利用原型链要好的多,至少每个实例都有自己那一份资源,但是这种办法只能继承父类的实例属性,因而找不到say方法,为了继承父类所有的属性和方法,则就要修改原型链,从而引入了组合继承方式。

3.组合继承

需要注意的是man1和man2的实例属性其实是覆盖了原型属性,但是并没要覆盖掉原型上的say方法(因为它们没有),所以这里man1.say === man2.say依然返回true,因而需要十分小心没有覆盖掉的原型属性,因为它是所有实例共有的。

4.寄生组合继承

说实话我真不知道下面的这种形式叫这名字,但是它确实是最流行,最经典的javascript的继承方式。其实,只需要明白原型对象的结构即可:

其实寄生组合继承和上面的组合继承区别仅在于构造子类原型对象的方式上(a.和b.),这里用到了Object.creat(obj)方法,该方法会对传入的obj对象进行浅拷贝,类似于:

因此,a.会将子类的原型对象与父类的原型对象进行很好的连接,而并不像一般的组合继承那样直接对子类的原型进行复制(如Man.prototype = new Person();),这样只是很暴力的在对属性进行覆盖。而寄生组合继承方式则对实例属性和原型属性分别进行了继承,在实现上更加合理。

注意:代码b.并不会改变instanceof的结果,但是对于需要用到construcor的场景,这么做更加严谨。

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript编程之继承实例汇总 本文实例讲述了Javascript编程之继承。分享给大家供大家参考,具体如下:这篇文字是在看完《Javascript王者归来》后的整理总结,文章详细章节在第章P

Javascript页面跳转常见实现方式汇总 本文实例总结了Javascript页面跳转常见实现方式。分享给大家供大家参考,具体如下:概述相信很多Web开发者都知道,在开发Web程序的时候,对于页面之

JavaScript实现页面跳转的几种常用方式 本文实例讲述了JavaScript实现页面跳转的几种常用方式。分享给大家供大家参考,具体如下:第一种:scriptlanguage="javascript"type="text/javascript"window.location.hr

标签: javascript编程技术

本文链接地址:https://www.jiuchutong.com/biancheng/386310.html 转载请保留说明!

上一篇:详解JavaScript的变量和数据类型(javascript详细介绍)

下一篇:Javascript编程之继承实例汇总(javascript编程技术)

  • 建筑企业交税流程
  • 小企业汇算清缴要审计报告吗
  • 增值税专用发票怎么开
  • 政府补贴需要缴纳企业所得税吗
  • 小微企业增值税起征点是多少
  • 劳务公司差额计税收到的代发工资怎么开票
  • 房地产企业拆迁补偿怎么做账
  • 长期股权投资权益法下初始投资成本
  • 会计核算体系的中心环节是什么
  • 没有票据怎么要账
  • 房地产企业销售现房是否预缴增值税
  • 公司清算往来科目应该怎么处理?
  • 购买软件能直接用吗
  • 事业单位取得的财政拨款免税吗
  • 出售不动产分录
  • 增值税发票红冲后增值税销项为负数
  • 库存现金进行清查
  • 已抵扣的进项税额怎么转出
  • 投资性房地产房产税如何计算
  • 经营预算的基本内容包括
  • linux aptx
  • 无形资产商标设计图片
  • 事业单位年末收入怎么算
  • 圣海伦斯山国家火山纪念区
  • 汽车销售公司取名字参考大全图片
  • 印花税计提与缴税的区别
  • php教程 ftp 函数
  • php数组函数 菜鸟
  • 增值税征税范围中的货物包括
  • 结转存货的成本叫什么
  • 如何抓好工程建设
  • fg726p.exe
  • thinkphp query
  • 收益类账户借增贷减
  • PHP:imagefontheight()的用法_GD库图像处理函数
  • 社保申报已扣款还能作废吗
  • 基于opencv的图像处理
  • 3d检测软件
  • 最通俗易懂的电动力学教材
  • 研发支出是资产类会计科目吗
  • 税控盘全额抵扣政策
  • java同步操作
  • mongodb常用语句
  • 海关进口增值税专用缴款书如何抵扣
  • 税务局退的税款如何做账
  • 顺丰的电子发票是不是只有收到以后能开
  • 坏账准备的账务处理例题视频讲解
  • 工会经费绩效
  • 个人所得税进一步改革方向
  • sql2008附加数据库错误3456
  • mysql innodb锁
  • 个人提供的劳务费要开发票,但是薪资不需要开发票
  • 应付职工薪酬的含义
  • 主营业务收入净额在利润表里怎么看
  • 汇算清缴是不是一定要做
  • 办公设备维修费会计分录
  • 返利开红字发票怎么做账
  • 企业缴纳社保费包括企业部分和个人部分
  • 盈余公积金计算方法
  • sql刷新快捷键
  • shell 加密密码
  • win7怎么添加设备
  • WINDOWS操作系统最新版本
  • mac进去不了系统
  • 开启电脑上帝模式
  • 开机记事本自动打开
  • mac的dock栏怎么设置
  • jquery示例
  • node执行js文件的命令是什么
  • 狗刨怎么学
  • javascript的对象有哪些
  • js中的!
  • javascript编程技术
  • android documents
  • jquery 获取屏幕高度
  • 电子税务局登陆密码在哪里修改
  • 海南省地方税务局公告2017年第2号
  • 营商环境法治保障服务
  • 广东发票勾选认证操作流程
  • 卡车生产企业
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设