Javascript 面向對象繼承

2024-05-06 14:10:04

字體：大中小

來源：轉載

供稿：網友

代碼如下:
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);

結果顯示：男，張三，女，瑪麗

上一篇：js 實現復制到粘貼板的功能代碼

下一篇：javascript 當前日期轉化為中文的實現代碼