ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript継承の使用例を詳しく解説:プロトタイプ継承、寄生継承、寄生複合継承

JavaScript継承の使用例を詳しく解説:プロトタイプ継承、寄生継承、寄生複合継承

伊谢尔伦
リリース: 2017-07-25 16:01:44
オリジナル
1417 人が閲覧しました

プロトタイプ継承

プロトタイプ継承の実装方法は、通常の継承とは異なり、厳密な意味でのコンストラクタを使用せず、プロトタイプを使用して既存のオブジェクトに基づいて新しいオブジェクトを作成します。カスタム タイプを作成します。具体的なコードは次のとおりです。


function object(o) {
  function F() {}
  F.prototype = o;
  return new F();
}
ログイン後にコピー

コード例:


/* 原型式继承 */
function object(o) {
  function F() {}
  F.prototype = o;
  return new F();
}

var person = {
  name : 'wuyuchang',
  friends : ['wyc', 'Nicholas', 'Tim']
}

var anotherPerson = object(person);
anotherPerson.name = 'Greg';
anotherPerson.friends.push('Bob');

var anotherPerson2 = object(person);
anotherPerson2.name = 'Jack';
anotherPerson2.friends.push('Rose');

alert(person.friends);  // wyc,Nicholas,Tim,Bob,Rose
ログイン後にコピー

寄生継承


/* 寄生式继承 */
function createAnother(original) {
  var clone = object(original);
  clone.sayHi = function() {
    alert('hi');
  }
  return clone;
}
ログイン後にコピー

使用例:


/* 原型式继承 */
function object(o) {
  function F() {}
  F.prototype = o;
  return new F();
}
   
/* 寄生式继承 */
function createAnother(original) {
  var clone = object(original);
  clone.sayHi = function() {
    alert('hi');
  }
  return clone;
}

var person = {
  name : 'wuyuchang',
  friends : ['wyc', 'Nicholas', 'Rose']
}
var anotherPerson = createAnother(person);
anotherPerson.sayHi();
ログイン後にコピー

寄生組み合わせ 式継承

組み合わせJavaScript のパターン実装の継承には独自の欠点があります。ここでその欠点を解決します。実装の考え方は、コンストラクターがプロパティを継承し、プロトタイプ チェーンのハイブリッド形式がメソッドを継承するというものです。つまり、親をインスタンス化する必要はありません。メソッドを継承するときの型コンストラクター。コードは次のとおりです:


function object(o) {
  function F() {}
  F.prototype = o;
  return new F();
}

/* 寄生组合式继承 */
function inheritPrototype(subType, superType) {
  var prototype = object(superType.prototype);
  prototype.constructor = subType;
  subType.prototype = prototype;
}
ログイン後にコピー

これを使用する場合、結合モードのコード行「SubType.prototype = new SuperType();」をinheritPrototype(subType, superType);に置き換えるだけで済みます。寄生結合継承の効率の高さは、親型コンストラクターを 1 回だけ呼び出すことで、不必要または冗長なプロパティの作成を回避できるという事実に反映されています。同時に、プロトタイプチェーンは変更されないため、instanceof と isPrototypeof() は通常どおり使用できます。これが現状では最も理想的な継承方法であり、現在このモデルに移行中です。 (YUIもこのパターンを使用しています。)

以上がJavaScript継承の使用例を詳しく解説:プロトタイプ継承、寄生継承、寄生複合継承の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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