JavaScriptで継承を実装するいくつかの方法

構造継承（callで実装）

成し遂げる

関数Super(age){
 this.age = 年齢;
 this.say = 関数(){
 コンソールログ(this.age)
 }
}
関数 Child(名前,年齢){
 Super.call(これ、年齢)
 this.name = 名前;
}
var child = 新しいChild("min",23)
console.log(Super の子インスタンス); // false
console.log(child instanceof Child); // true

アドバンテージ

（１）多重継承が可能（複数の親クラスオブジェクトを呼び出す）
（２）コンストラクタ内で親にパラメータを渡すことができる

欠点

（１）継承できるのは親クラスのインスタンスのプロパティとメソッドのみであり、プロトタイプのプロパティとメソッドは継承できない。
（２）インスタンスは親クラスのインスタンスではなく、子クラスのインスタンスである

プロトタイプチェーン継承（プロトタイプチェーンの助けを借りて実装）

成し遂げる

関数Super(){
 this.getName = 関数(){
 console.log(この名前)
 }
}
関数Child(名前){
	this.name = 名前;
}
Child.prototype = new Super(); // ここで構築パラメータを渡すことができます Child.prototype.constructor = Child;
var child = new Child("min");
console.log(子インスタンスSuper); // true
console.log(child instanceof Child); // true
console.log(child.constructor); // 子

アドバンテージ
（１）親クラスのプロトタイププロパティとメソッドは子クラスからアクセス可能である
（２）インスタンスはサブクラスのインスタンスであり、親クラスのインスタンスでもある

欠点
（１）多重継承ができない（２）サブクラスのインスタンスを作成する際に、親クラスのコンストラクタにパラメータを渡すことができない

複合継承（構築継承 + プロトタイプチェーン継承）

成し遂げる

関数Super(age){
 this.age = 年齢;
 this.getAge = 関数(){
 コンソールにログ出力します。
 }
}
関数 Child(名前,年齢){
 Super.call(これ、年齢)
 this.name = 名前;
}
Child.prototype = 新しいSuper(1); 
Child.prototype.constructor = Child;
var child = new Child("min",23);
console.log(子インスタンスSuper); // true
console.log(child instanceof Child); // true
console.log(child.constructor); // 子

アドバンテージ
（１）構築＋プロトタイプチェーン継承の利点を組み合わせる

欠点
(1) Child.prototype = new Super(); がもう一度呼び出され、その結果、上記の例の age プロパティなど、プロトタイプオブジェクトに不要なプロパティがいくつか作成されます。

寄生的な構成継承

成し遂げる

関数Super(age){
 this.age = 年齢;
 this.getAge = 関数(){
 コンソールログ(this.age)
 }
}
関数 Child(名前,年齢){
 Super.call(これ、年齢)
 this.name = 名前;
}
（関数（）{
 関数コピー(){}
 Copy.prototype = Super.prototype;
 Child.prototype = 新しいコピー();
})()
Child.prototype.constructor = Child;
var child = new Child("min",23);

注: Child.prototype = Super.prototype を直接使用しないのはなぜですか?
答え: Child.prototype.constructor = Child; 上記のSuper.prototypeを書くとキーコードも変わります(参照型、同じアドレスを指す)

アドバンテージ
(1) これは継承を実装するための最も完璧なソリューションです。es6 extends キーワードも、コードが babel によって変換された後、このように継承を実装します。

追加: (Object.create) を使用

成し遂げる

関数Super(age){
 this.age = 年齢;
 this.getAge = 関数(){
 コンソールログ(this.age)
 }
}
関数 Child(名前,年齢){
 Super.call(これ、年齢)
 this.name = 名前;
}
Child.prototype = Object.create(Super.prototype,{
 コンストラクター:{ // コンストラクターは値を修復します: 子
 }
})
var child = new Child("min",23);
console.log(子インスタンスSuper); // true
console.log(child instanceof Child); // true
console.log(child.constructor); // 子

上記は、JavaScript で継承を実装するいくつかの方法の詳細です。JavaScript 実装継承の詳細については、123WORDPRESS.COM の他の関連記事に注目してください。

以下もご興味があるかもしれません: