Maison > interface Web > js tutoriel > Javascript面向对象之四 继承_js面向对象

Javascript面向对象之四 继承_js面向对象

WBOY
Libérer: 2016-05-16 18:10:48
original
893 Les gens l'ont consulté
复制代码 代码如下:

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);

结果显示:男,张三,女,玛丽
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal