位置: 编程技术 - 正文

JavaScript中的继承之类继承(javascript中的继承)

编辑:rootadmin

推荐整理分享JavaScript中的继承之类继承(javascript中的继承),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:javascript继承,javascript中的继承,js继承的三种方法,js继承的三种方法,js继承的三种方式,js继承的方式及原理,js继承的方式及原理,js继承的三种方法,内容如对您有帮助,希望把文章链接给更多的朋友!

继承简介

在JS中继承是一个非常复杂的话题,比其他任何面向对象语言中的继承都复杂得多。在大多数其他面向对象语言中,继承一个类只需使用一个关键字即可。在JS中想要达到继承公用成员的目的,需要采取一系列措施。JS属于原型式继承,得益于这种灵活性,我们既可以使用标准的基于类的继承,也可以使用更微妙一些的原型式继承。在JS中应该要明确一点,一切继承都是通过prototype来进行的,且JS是基于对象来继承的。

继承:

Animal.call(this) 的意思就是使用 Animal对象代替this对象,那么 Cat中不就有Animal的所有属性和方法了吗,Cat对象就能够直接调用Animal的方法以及属性了.

多继承:

很简单,使用两个 call 就实现多重继承了

当然,js的继承还有其他方法,例如使用原型链,这个不属于本文的范畴,只是在此说明call 的用法。说了call ,当然还有 apply,这两个方法基本上是一个意思,区别在于 call 的第二个参数可以是任意类型,而apply的第二个参数必须是数组,也可以是arguments。

JavaScript中的继承之类继承(javascript中的继承)

下面给大家介绍如何在JavaScript中实现简单的继承?

下面的例子将创建一个雇员类Employee,它从Person继承了原型prototype中的所有属性。

上面关于继承的实现很粗糙,并且存在很多问题:

在创建Employee构造函数和原型(以后简称类)时,就对Person进行了实例化,这是不合适的。

Employee的构造函数没法调用父类Person的构造函数,导致在Employee构造函数中对name和sex属性的重复赋值。

Employee中的函数会覆盖Person中的同名函数,没有重载的机制(和上一条是一个类型的问题)。

创建JavaScript类的语法过于零散,不如C#/Java中的语法优雅。

实现中有constructor属性的指向错误。

JS实现左右无缝轮播图代码 废话不多说了,直接给大家贴代码了。无缝轮播图:title无缝轮播图/titlestyle*{margin:0;padding:0;}ul{list-style:none;}.banner{width:px;height:px;border:2pxsolid#ccc;margi

BootStrap glyphicons 字体图标实现方法 相关阅读:详解Bootstrapglyphicons字体图标先给大家说下什么是字体图标?字体图标是在Web项目中使用的图标字体。虽然,GlyphiconsHalflings需要商业许可,但

Bootstrap进度条组件知识详解 在网页中,经常见到进度条效果,如:平分系统、加载状态等,进度条组件使用了css3的transition和animation属性来完成一些特效,这些特效在IE9及IE9以下版

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

上一篇:js根据手机客户端浏览器类型,判断跳转官网/手机网站多个实例代码(js判断手机号)

下一篇:JS实现左右无缝轮播图代码(js实现无缝轮播)

免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

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

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络