ホームページ > ウェブフロントエンド > jsチュートリアル > javascript の継承_javascript スキルに関する小さな例

javascript の継承_javascript スキルに関する小さな例

WBOY
リリース: 2016-05-16 17:33:59
オリジナル
1042 人が閲覧しました

コードをコピー コードは次のとおりです。

//Inherit
function Person(名前,性別 )
{
this.name=name;
this.sex=sex;
}
person.prototype.sayName=function()
{
アラート(this.name);
}
person.prototype.saySex=function()
{
alert(this.sex);
}
function Worker(name,sex, job)
{
// person クラスを継承します
person.call(this,name,sex) // ここでは Worker クラスのインスタンスを指します (以下の 'W' など)。W を渡しますを Person コンストラクター関数に入力すると、この時点で W は Person コンストラクター this.job=job;
}
で this として偽装されます。

//Worker.prototype=person.prototype;//プロトタイプが負の値の場合、参照によって渡されるため、サブクラスの SayJob メソッドと Person 親クラスにも SayJob メソッドが含まれます

//次のメソッドに変更します。サブクラスは親クラスに影響を与えません:
for(var i in Person.prototype)
{
Worker.prototype[i]=Person.prototype[ i] ;
}

Worker.prototype.sayJob=function()
{
alert(this.job);
}

var p=new person('lisi','male');
//alert(p.sayJob);

var w=new Worker('張三','男性','醤油');
w.sayName();
w.saySex();
w.sayJob() ;

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート