位置: 编程技术 - 正文

js类式继承的具体实现方法(js类继承的几种方式)

编辑:rootadmin

在开始摆弄代码之前,应该搞清楚使用继承的目的和能带来什么好处。一般来说,在设计类的时候,我们希望能减少重复性的代码,并且尽量弱化类之间的耦合。而要做到这两者都兼顾是很难的,我们需要根据具体的条件和环境下决定我们应该采取什么方法。根据我们对面向对象语言中继承的了解,继承会带类直接的强耦合,但js由于其特有的灵活性,可以设计出强耦合和弱耦合,高效率和低效率的代码。而具体用什么,看情况。

下面提供js实现继承的三种方法:类式继承,原型继承,掺元类。这里先简述类式继承,后两种在往后的随便中简述,请多多关注、指导,谢谢。

类式继承。

js类式继承的实现依靠原型链来实现的。什么是原型链?js中对象有个属性prototy,这个属性返回对象类型的引用,用于提供对象的类的一组基本功能。

貌似对prototype有印象,对了,我们经常这样用代码。

我们把类的基本功能放在prototype属性里,表示Person这个对象的引用有XXX功能。

在理解原型后,需要理解下什么是原型链。在访问对象的某个成员(属性或方法)时,如果这个成员未见于当前对象,那么js会在prototype属性所指的那个对象中查找它,如果还没有找到,就继续到下一级的prototype所指的对象中查找,直至找到。如果没有找到就会返回undifined。

那么原型链给我们什么提示呢?很容易联想到,原型链意味着让一个类继承另一个类,只需将子类的prototype设置为指向父类的一个实例即可。这就把父类的成员绑定到子类上了,因为在子类上查找不到某个成员时会往父类中查找。(以上这两段用词不严谨,只在用通俗易懂的言语描述)

下面我们需要个Chinese类,需要继承Person类的name和getName成员。

继承关系就建立了,我们这样调用它

于是类式继承就这样完成了。难道真的完成了嘛,用firebug在alert那里设断点,会发现原来的Person.prototype被修改了,添加了getNation方法。

这是因为在上面的代码Chinese.prototype = Person.prototype; 这是引用类型,修改Chinese同时也修改了Person。这本身就是不能容忍的,且使类之间形成强耦合性,这不是我们要的效果。

我们可以另起一个对象或实例化一个实例来弱化耦合性。

这两种方法有什么区别呢。在第二种中添加了一个空函数F,这样做可以避免创建父类的一个实例,因为有可能父类会比较庞大,而且父类的构造函数会有一些副作用,或者说会执行大量的计算任务。所以力荐第二种方法。

到此,完了嘛,还没有!在对象的属性prototype下面有个属性constructor,它保存了对构造特定对象实例的函数的引用。根据这个说法Chiese.prototype.constructor应该等于Chinese,实际上不是。

回忆之前在设置Chiese的原型链时,我们把Person.prototype 覆盖掉了Chiese.prototype。所以此时的Chiese.prototype.constructor是Person。我们还需要添加以下代码

整理全部代码如下

如果可以把继承的代码放在一个函数里,方便代码复用,最后整理代码如下

发表后修改:

在一楼的评论下,我对那个extend函数又有新的看法。之前在讨论如何设置原型链时提出了两种方法

虽然第二种减少了调用父类的构造函数这条路,但在设计Chinese类时用了Person.call(this,name);这里也相当于调用了父类的构造函数。

然而用第一种方法的话可以减少在Chinese中再写Person.call(this,name);,这部分代码在子类中往往会遗忘。不妨把这种功能代码放在了extend里。就只写

Chinese.prototype = new Person();也达到同样的目的:耦合不强。

但遗忘的一点是,Chinese.prototype = new Person();这样写对嘛。答案是不对!很明显 new Person()需要传一个name参数的。我们不可能在extend函数里做这部分工作,只好在Chinese类里调用父类的构造函数了。这样也符合面向对象的思路。

所以,还是力荐用第二种方法。

第一次这样写有关技术类的文章,基本是按自己的思路铺展开来,难免会有一些没有考虑到的地方和解释的不清楚的地方,望留言反馈,谢谢。

推荐整理分享js类式继承的具体实现方法(js类继承的几种方式),希望有所帮助,仅作参考,欢迎阅读内容。

js类式继承的具体实现方法(js类继承的几种方式)

文章相关热门搜索词:js中类继承的关键字是,js 类继承,js中类继承的关键字是,js继承方式有哪些,js类继承的几种方式,js 类继承,js中类继承的关键字是,js类继承的几种方式,内容如对您有帮助,希望把文章链接给更多的朋友!

JavaScript中Math对象方法使用概述 1.丢弃小数部分,保留整数部分parseInt(5/2)2.向上取整,有小数就整数部分加1Math.ceil(5/2)3,四舍五入.Math.round(5/2)4,向下取整Math.floor(5/2)Math对象的方法FF:Firefox,N:

JS中Date日期函数中的参数使用介绍 要创建一个一个日期对象,可以使用以下的方式:varnow=newDate()当然,函数中没有传递任何参数,表示此对象now自动获取了当前的时间。如果想要创建一

ParseInt函数参数设置介绍 我们经常用ParseInt函数转换字符串为int数值,ParseInt函数有两个参数可以设置,其中第二个参数可以缺省。ParseInt("字符串",使用的进制)varnum1=ParseInt("",2)

标签: js类继承的几种方式

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

上一篇:javascript操作css属性(怎样用在js中使用css的内容)

下一篇:JavaScript中Math对象方法使用概述(javascript中math.ceil)

  • 对方给我开的增值税专票丢失
  • 公司合同是公司员工个人名义签订如何入账?
  • 土地使用权转让是什么意思
  • 房地产按揭是什么意思
  • 小微企业的资产总额看哪里判断的
  • 红字发票已抵扣和未抵扣是什么意思
  • 公司简易注销需要清算吗
  • 事业单位个税可以自行申报吗
  • 生产企业出口货物可享受免税并退税
  • 加工费发票可以不开数量吗
  • 政府奖励金怎么用
  • 营改增后还有消费税吗
  • 增值税专用发票可以开电子发票吗
  • 如何从百旺开票系统中导出开票明细
  • 工会经费税务局怎么收
  • 购进旅客运输服务抵扣会计分录
  • 购买税控系统专用设备
  • 企业职工福利费扣除标准
  • 员工误餐费的会计分录
  • 创新券兑付怎么操作
  • 工商企业年报网上申报时间
  • 路由器突然不能上网了显示红灯
  • 什么情况下确认成本
  • 结转利润分配分录怎么写
  • linux 中cat
  • 什么是租赁公司的主营业务
  • 银行自动扣费用是什么
  • 企业银行存款如何管理
  • macbook怎么设置输入法
  • win11系统怎么设置密码锁屏
  • wordpress 中文版和国际版区别
  • linux xmrig
  • win7系统无法启动怎么处理
  • 图文详解:台盆柜安装的全过程
  • thinkphp5.1教程
  • 资产提前报废需要什么资料
  • 补交上年度企业所得税报表怎么填写
  • php截取文件后缀名方法
  • 股东以固定资产入股需要交税吗
  • 前端面试经常被问的问题
  • 错误日志怎么修复
  • 补提企业所得税财务报表应该如何调整
  • 在建工程发生的非正常损失计入哪
  • 电信收款收据可以入账吗
  • 个体工商户生产经营所得税税率表2023
  • 对方代垫包装费怎么做分录
  • mongodb操作数据库
  • 取得剧本使用费怎么做账
  • 管理费用的借贷科目
  • 库存现金写三栏式明细账还是写现金日记账还是两个都写
  • 员工工资应要计入什么
  • mysql服务器硬件配置
  • 上个月开的票这个月能用吗
  • 未达起征点怎么填
  • 应付职工薪酬包含哪些科目
  • 安装费用怎么做分录
  • 增值税专用发票金额与付款金额是否必须一致
  • 增值税专用发票怎么开
  • 民间非营利组织会计制度及操作实务
  • 转账到银行卡是从哪转的
  • 总分类账与明细分类账的关系
  • macos mysql
  • 搜狗拼音输入法xp系统
  • 怎么用U盘装系统
  • win7桌面右下角输入法图标不见了
  • 升级win10系统后鼠标键盘无法用什么原因
  • win7计划任务设置
  • perl正则表达
  • bat vba
  • pycharm远程调试linux
  • Unity3D游戏开发引擎
  • linux -lc
  • python获取当前地址
  • 安卓手机管家怎么关闭
  • jquery设置important
  • javascript学习指南
  • 02112366电子税务局
  • 煤炭资源税税率选煤税率多少黑龙江
  • 三亚 税务
  • 工程增值税率从11%调整到9%
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设