jsの継承の6つの方法を詳しく解説

コード：
関数SuperType() {
	this.property は true です。
}
SuperType.prototype.getSuperValue = 関数() {
	this.property を返します。
};
関数サブタイプ() {
	this.subproperty = false;
}
// スーパータイプを継承
SubType.prototype = 新しい SuperType();
SubType.prototype.getSubValue = function () { //オブジェクトリテラルを通じて新しいメソッドを追加できないことに注意してください。そうしないと、前の行が無効になります。 return this.subproperty; 
};
インスタンスを新しい SubType() にします。
console.log(instance.getSuperValue()); // 真

関数SuperType(名前) {
 this.colors = ["赤","青","緑"];
 this.name = 名前;
 }
関数サブタイプ(名前) {
 SuperType.call(this,name);
}
インスタンス1 = 新しいスーパータイプ('Xiaoming')
let instance2 = new SuperType('小白')
インスタンス1.colors.push('黄色')
console.log(instance1) //{name:"Xiao Ming",colors:["red","blue","green","yellow"]...}
console.log(instance2) //{name:"Xiaobai",colors:["red","blue","green"]...}

//パラメータを渡して参照の問題を修正できます。複数のコンストラクタプロパティを継承できます（複数呼び出し）

関数SuperType(名前){
	this.name = 名前;
	this.colors = ["赤","青","緑"];
}
SuperType.prototype.sayName = 関数() {
	コンソールにログ出力します。
};
関数 SubType(名前, 年齢){
	// 継承されたプロパティ 2 番目の呼び出し SuperType.call(this, name);
	this.age = 年齢;
}
// 継承されたメソッドの最初の呼び出し SubType.prototype = new SuperType();
SubType.prototype.sayAge = function() {
	コンソールにログ出力します。
};
instance1 = new SubType("Nicholas", 29); とします。
instance1.colors.push("黒");
console.log(instance1.colors); //["赤、青、緑、黒"]
instance1.sayName(); // "ニコラス";
instance1.sayAge(); // 29
instance2 = new SubType("Greg", 27); とします。
console.log(instance2.colors); // ["赤、青、緑"]
instance2.sayName(); // "グレッグ";
instance2.sayAge(); // 27

//親クラスのプロトタイプのプロパティを継承し、パラメータを渡し、再利用することができます。 各新しいインスタンスによって導入されるコンストラクタプロパティはプライベートです

関数オブジェクト(人) {
 関数 F() {}
 F.プロトタイプ = 人
 新しいF()を返す
}

人 = {
 名前:「シャオミン」
 色:['赤','青']
}

person1 = オブジェクト(人)とする
person1.colors.push('緑')
person2 = オブジェクト(人)とする
person1.colors.push('黄色')
console.log(person) //['赤','青','緑','黄']

関数オブジェクト(人) {
 関数 F() {}
 F.プロトタイプ = 人
 新しいF()を返す
}
関数createAnother(オリジナル){
	let clone = object(original); // 関数を呼び出して新しいオブジェクトを作成します clone.sayHi = function() { // 何らかの方法でこのオブジェクトを強化します console.log("hi");
};
	return clone; // このオブジェクトを返す}

//コアコード function object(person) {
 関数 F(パラメータ) {}
 F.プロトタイプ = 人
 新しいF()を返す
}
関数 inheritPrototype(サブタイプ、スーパータイプ) {
 let prototype = object(SuperType.prototype) //親クラスのプロトタイプのコピーを生成する //このインスタンスのコンストラクタをオーバーライドする
 prototype.constructor = サブタイプ

 //このオブジェクトのコピーをサブクラスのプロトタイプに割り当てます。SubType.prototype = prototype
}

関数SuperType(名前) {
	this.name = 名前;
	this.colors = ["赤","青","緑"];
}
SuperType.prototype.sayName = 関数() {
	コンソールにログ出力します。
};
関数 SubType(名前, 年齢) {
	SuperType.call(this、名前);
	this.age = 年齢;
}

//inheritPrototype 関数を呼び出してサブクラスのプロトタイプ値を割り当て、結合継承の問題を修正します。inheritPrototype(SubType, SuperType);

SubType.prototype.sayAge = function() {
	コンソールにログ出力します。
};