ホームページ  >  記事  >  ウェブフロントエンド  >  Javascript オブジェクト指向 4 つの継承_js オブジェクト指向

Javascript オブジェクト指向 4 つの継承_js オブジェクト指向

WBOY
WBOYオリジナル
2016-05-16 18:10:48864ブラウズ
コードをコピーします コードは次のとおりです。

var JsObject = {} || new Object();
JsObject.extend = function(subClass, superClass){
// まず、サブクラス subClass が定義されているかどうかを確認します。定義されていない場合は、クラスを再定義します。
if(typeof subClass == "unknown")subClass = function(){};
//親クラス superClass がクラスの場合、オブジェクトに変換します
if(typeof superClass == " function") superClass = new superClass();
// 親クラスの superClass オブジェクト内の属性とメソッドを走査します
for(var p in superClass)
{
/* 属性を合計しますおよび親クラスの superClass オブジェクト内のメソッド メソッドはサブクラスのプロトタイプ オブジェクト
にコピーされます。 したがって、サブクラスは親クラスのすべての特性、つまり継承*/を持ちます。
subClass.prototype[p] = superClass[p];
return subClass;
function Student()
{
this.name = "Zhang San"; = function(name){
this.name = name ;
}
}
function Class1()
{
this.sex = "男性"; updateSex = function(sex){
this.sex = sex;
}
}
//定義クラス Class1 は Student クラスを継承します
Class1 = JsObject.extend(Class1, Student);
var obj = new Class1();
alert(obj.sex);
obj.updateSex("女"); "メアリー");
alert(obj.sex);
alert(obj.name);


結果は次のようになります: 男性、張三、女性
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。