欢迎来到代码驿站!

JavaScript代码

当前位置:首页 > 网页前端 > JavaScript代码

Javascript 面向对象 继承

时间:2020-12-05 12:11:45|栏目:JavaScript代码|点击:
复制代码 代码如下:

var JsObject = {} || new Object();
JsObject.extend = function(subClass, superClass){
   //先判断子类subClass是否已经定义,如果未定义,则重新定义类。
  if(typeof subClass == "undefined")subClass = function(){};
    //如果父类superClass是类,则转化成对象
   if(typeof superClass == "function")superClass = new superClass();
   //遍历父类superClass对象中的属性和方法
for(var p in superClass)
{
     /*将父类superClass对象中的属性和方法复制到子类prototype对象中,
     因此子类拥有父类的所有特性,即为继承 */   
subClass.prototype[p] = superClass[p];
}
return subClass;
};
function Student()
{
this.name = "张三";
this.updateName = function(name){
this.name = name;
}
}
function Class1()
{
this.sex = "男";
this.updateSex = function(sex){
this.sex = sex;
}
}
//定义类Class1继承Student类
Class1 = JsObject.extend(Class1, Student);
var obj = new Class1();
alert(obj.sex);
alert(obj.name);
obj.updateSex("女");
obj.updateName("玛丽");
alert(obj.sex);
alert(obj.name);

结果显示:男,张三,女,玛丽

上一篇:自制微信公众号一键排版工具

栏    目:JavaScript代码

下一篇:JavaScript中localStorage对象存储方式实例分析

本文标题:Javascript 面向对象 继承

本文地址:http://www.codeinn.net/misctech/29575.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有