捋一捋js面向对象的继承问题

  说到面向对象这个破玩意,曾经一度我都处于很懵逼的状态,那么面向对象究竟是什么呢?其实说白了,所谓面向对象,就是基于类这个概念,来实现封装、继承和多态的一种编程思想罢了。今天我们就来说一下这其中继承的问题。

  好,先不直接上代码,而是反手来一波文字说明,捋一捋思路。

  曾经一段时间因为javascript关于类实现继承的不规范,导致各种各样实现继承的代码;而实际上不管代码怎么变,继承都基于两种方式:

  1.通过原型链,即子类的原型指向父类的实例从而实现原型共享。
  2.借用构造函数,即通过js的apply、call实现子类调用父类的属性、方法;
  原型链方式可以实现所有属性方法共享,但无法做到属性、方法独享(例如son1指向的是父类实例,son2,son3同样如此,大家都是吃的同一碗饭);

  而借用构造函数除了能独享属性、方法外还能在子类构造函数中传递参数,但代码无法复用。总体而言就是可以实现所有属性方法独享,但无法做到属性、方法共享(例如,son1新增了一个函数,然后想让son2、son3一起用的话就无法实现了,只能son2,son3各自在构造函数中新增)。

  组合继承就是把以上两种继承方式一起使用,把共享的属性、方法用原型链继承实现,独享的属性、方法用借用构造函数实现,所以组合继承几乎完美实现了js的继承;
为什么说是“几乎”?因为后来人们发现组合继承有一个小bug,实现的时候调用了两次父类,性能上不合格啊有木有!怎么解决呢?于是“寄生继承”就出来了。

  寄生继承:
  简单而言,寄生继承就是不用实例化父类了,直接实例化一个临时副本实现了相同的原型链继承。(即子类的原型指向父类原型的副本),如此一来,这个问题就完美解决了。
  接下来是代码部分:
  
这里我们通过apply方法给儿子传了私有属性,但是父类原型上的方法是无法调用的。
然后我们试试通过原型链来实现继承。
这样一来就把父类的全部东西都一股脑继承下来了,而且我这里如果Sons修改了父类的原型,其他跟着用的比如Daughters也要跟着遭殃。
而组合继承这时候就出来了,组合继承就是把以上两种继承方式一起使用,把共享的属性、方法用原型链继承实现;独享的属性、方法用借用构造函数实现。至于寄生组合继承,它是为了解决组合继承会二次调用父类这个bug出现的优化方法,具体实现如下:
在这一步,无论是儿子还是女儿,都能成功调用父类的公用方法。接着在末尾添加两行代码往下看:
两个say方法虽然同名,却互不影响。最后调用父类的私有属性看看:
只有儿子利用私有属性拿到了secret,而女儿没有拿到,完美解决共享与独享分配的问题!

转载于:https://www.cnblogs.com/zhangnan35/p/8473061.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/252319.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

java8简单入门

1、介绍 本片文章会从一下几个知识点进行介绍: 函数式接口 FunctionalInterfaceLambda 表达式函数引用 Function ReferenceStream看了几篇关于 java8 入门的例子,其中引入了许多令人期待已久的特性(虽然我没有过这样的体会)&#…

玩转带外触发的单目相机之一

背景:去年开始研究vins,但是只是用了普通的相机,然后将IMU和相机粘在一起,然后就是联合标定相机和IMU。VINS使用的相机是带有外触发的,还进行了相机和IMU的硬件时间同步。当时我特别想买个带外触发的相机,一直没找到资…

基于django的视频点播网站开发-step11-后台用户管理功能...

用户管理功能,包含用户添加、列表展示、编辑、删除四大功能。下面我们一一揭晓。 用户添加 我们先实现用户添加功能,我们现在urls.py下添加相关的路由 path(user_add/, views.UserAddView.as_view(), nameuser_add), path(user_list/, views.UserListVie…

BZOJ 1070 拆点 费用流

1070: [SCOI2007]修车 Time Limit: 1 Sec Memory Limit: 128 MBSubmit: 5860 Solved: 2487[Submit][Status][Discuss]Description 同一时刻有N位车主带着他们的爱车来到了汽车维修中心。维修中心共有M位技术人员,不同的技术人员对不同 的车进行维修所用的时间是不…

分布式之数据库和缓存双写一致性方案解析

先做一个说明,从理论上来说,给缓存设置过期时间,是保证最终一致性的解决方案。这种方案下,我们可以对存入缓存的数据设置过期时间,所有的写操作以数据库为准,对缓存操作只是尽最大努力即可。也就是说如果数…

使用python从csv文件中读入两列拟合直线

背景:要判断跟踪算法在控制目标物走直线的情况下跟踪的轨迹是否为直线,我保存下来跟踪算法跟踪到的目标的中心点在图像上的像素位置,然后拟合出穿过这些点的直线,然后计算这些点距离直线的平均距离来判断跟踪的精度。(…

window document

1 打开一个新窗口 var newDocwindow.open("text/html","replace");var txt"<html><body>Learning about the DOM is FUN!</body></html>";newDoc.document.write(txt);newDoc.close(); //该方法将关闭 open() 方法打开…

‘(‘:illegal token on right side of ‘::‘

背景&#xff1a;想整理升级一下代码&#xff0c;添加了两个类&#xff0c;再一编译代码&#xff0c;出现了好多这样的错误提示“(:illegal token on right side of ::”&#xff0c;我很纳闷这是啥问题&#xff0c;我就使用“注释法”来定位出错的位置&#xff0c;我发现把所有…

mysql-数据库操作

doc界面操作mysql:<br/> 以phpstudy为例 登录数据库&#xff1a;进入phpstudy/mysql/bin下&#xff0c;mysql -u用户名 -p密码 选择数据库&#xff1a;use 数据库名; 设置编码格式&#xff1a;set names gbk; 查看表结构或字段信息&#xff1a;desc 表名; 建立数据库&…

虹软免费人脸识别SDK注册指南

2019独角兽企业重金招聘Python工程师标准>>> 成为开发者三步完成账号的基本注册与认证&#xff1a; STEP1:点击注册虹软AI开放平台右上角注册选项&#xff0c;完成注册流程。 STEP2:首次使用&#xff0c;登录后进入开发者中心&#xff0c;点击账号管理完成企业或者个…

Mybatis使用statementType=STATEMENT实现动态传入表名或字段名

mybatis中使用statementType"STATEMENT"实现动态传入字段名时一直报语句错误&#xff0c;但实际上语句并没有毛病&#xff0c;爬了一天坑才找到问题&#xff0c;记录一下。 整条语句中里所有传入的值都要使用${xxx},不能使用#{xxx}。 <select id"listMap&quo…

C++中的类加多线程代码修炼

背景&#xff1a;现在在做一个目标跟踪的项目&#xff0c;需要实时的从工业相机中获取图像&#xff0c;然后再跟踪图像上的目标物&#xff0c;由于起初为了测试跟踪算法&#xff0c;就把“从相机获取图像”和“跟踪处理”都放在了主线程中&#xff0c;在实际测试时&#xff0c;…

Activity Monitor 闪退 无法进入睡眠

Activity Monitor 闪退 & 无法进入睡眠 情况描述 黑苹果主机突然无法进入睡眠。 考虑到可能是后台程序阻碍了系统正常进入睡眠&#xff0c; 于是想要通过Activity Monitor查看系统的活动情况&#xff0c;然而&#xff0c;Activity Monitor闪退。 重新开机&#xff0c;快速…

hbase中清空整张表的数据

hbase(main):005:0> truncate fr:test Truncating FaceBase table (it may take a while):- Disabling table...- Dropping table...- Creating table...0 row(s) in 14.4220 seconds truncate是disable、drop、create三个动作的自动化集成。转载于:https://www.cnblogs.com…

hibernate树

1. 树实现通过pid进行指向上一层来实现&#xff0c;实体类代码如下 package com.test.model;import java.util.HashSet; import java.util.Set;import javax.persistence.CascadeType; import javax.persistence.Entity; import javax.persistence.FetchType; import javax.per…

Sleep() sleep() usleep()

Linux: sleep(n); //停留n秒 usleep(n); //停留n微秒 Windows: Sleep(n); //停留n毫秒

vue的鼠标移入和移出

vue的鼠标移入和移出 需求&#xff08;鼠标到预约二维码显示&#xff0c;预约添加背景色&#xff09; 实现 <!--html部分--> <ul class"person_list"> //五个li标签皆是循环渲染出来的<li class"item" v-for"(n,index) in 5">…

聊聊flink的MemoryPool

为什么80%的码农都做不了架构师&#xff1f;>>> 序 本文主要研究一下flink的MemoryPool MemoryPool flink-runtime_2.11-1.7.2-sources.jar!/org/apache/flink/runtime/memory/MemoryManager.java abstract static class MemoryPool {abstract int getNumberOfAvai…

day4

ti很简单&#xff0c;但是把变量弄错了&#xff0c;写了不到半小时&#xff0c;调了一小时&#xff0c;导致t3功亏一篑。 #include<iostream> #include<cstdio> #include<cstring> #include<algorithm> #include<queue> #include<vector> …

C++中public protected private的区别

1. 不考虑继承关系时 本类方法使用外部使用private是否protected是否public是是 2. 有继承关系时 子类方法使用外部private否否protected是否public是是 结论&#xff1a;基于以上两个表格可以知道&#xff0c;C中的protected处于private和public中间&#xff0c; protected 既…