怎么在JavaScript中定义类的继承
这篇文章给大家介绍怎么在JavaScript中定义类的继承,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。
为安顺等地区用户提供了全套网页设计制作服务,及安顺网站建设行业解决方案。主营业务为成都网站建设、成都做网站、安顺网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!
JavaScript是什么
JS是JavaScript的简称,它是一种直译式的脚本语言,其解释器被称为JavaScript引擎,是浏览器的一部分,主要用于web的开发,可以给网站添加各种各样的动态效果,让网页更加美观。
如何实现类的继承呢?
有如下2个构造函数:
function PeopleClass(){ this.type = "人"; }; PeopleClass.ptototype = { getType:function(){ alert("这是一个人"); } }; function StudentClass(name,sex){ this.name = name; this.sex = sex; };
如何让『学生』对象来继承『人』对象呢?可使用apply方法
将父对象的构造函数绑定在子对象上,代码如下:
function PeopleClass(){ this.type = "人"; }; PeopleClass.ptototype = { getType:function(){ alert("这是一个人"); } }; function StudentClass(name,sex){ PeopleClass.apply(this,arguments); this.name = name; this.sex = sex; }; var stu = new StudentClass("lily","男"); alert(stu.type); //[人]
从运行的结果来看,StudentClass继承了PeopleClass的属性『人』。
而方法的继承,只要循环使用父对象的prototype
进行复制,即可达到继承的目的。方法如下:
function StudentClass(name,sex){ PeopleClass.apply(this,arguments); var prop; for(prop in PeopleClass.prototype){ var proto = this.constructor.prototype; if(!proto[prop]){ proto[prop] = PeopleClass.prototype[prop]; } proto[prop]["super"] = PeopleClass.prototype; } this.name = name; this.sex = sex; }; var stu = new StudentClass("lily","女"); alert(stu.type); //[人] stu.getType(); //[这是一个人]
关于怎么在JavaScript中定义类的继承就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。
分享名称:怎么在JavaScript中定义类的继承
转载源于:http://azwzsj.com/article/jesegg.html