js で継承を実装する 5 つの方法

関数 Box(名前){
 this.name = 名前
}
ボックスプロトタイプ年齢 = 18

関数デスク(名前){
 Box.call(this, name) // オブジェクトの偽装、オブジェクトの偽装はコンストラクタ内の情報のみを継承できます}

var デスク = 新しいデスク('ccc')
console.log(desk.name) // --> ccc
console.log(desk.age) // --> 未定義

関数 Box(名前){
 this.name = 名前
}
Box.prototype.run = 関数 (){
 console.log(this.name + '実行中...')
}

関数デスク(名前){
 Box.call(this, name) // オブジェクトの偽装}

Desk.prototype = new Box() // プロトタイプチェーン var desk = new Desk('ccc')
console.log(desk.name) // --> ccc
desk.run() // --> ccc が実行中です...

function object(o) { // リテラル関数を渡す function F(){} // コンストラクターを作成する F.prototype = o; // リテラル関数をコンストラクターのプロトタイプに割り当てる return new F() // 最後にインスタンス化されたコンストラクターを返す }

関数obj(o) {
 関数F(){}
 F.プロトタイプ = o;
 新しいF()を返す
}

var ボックス = {
 名前: 'ccc',
 年齢: 18歳
 家族: ['兄弟','姉妹']
}

var box1 = obj(ボックス)
console.log(box1.name) // --> ccc
box1.family.push('姉妹')
console.log(box1.family) // --> ["兄弟", "姉妹", "姉妹"]

var box2 = obj(ボックス)
console.log(box2.family) // --> ["兄弟", "姉妹", "姉妹"]

関数obj(o) {
 関数F(){}
 F.プロトタイプ = o;
 新しいF()を返す
}
関数create(o){
 var clone = obj(o) // 関数を呼び出して新しいオブジェクトを作成します clone.sayName = function(){ // 何らかの方法でこのオブジェクトを強化します console.log('hi')
 }
 return clone // このオブジェクトを返す }

var 人 = {
 名前: 'ccc',
 友達: ['aa','bb']
}

var anotherPerson = create(人)
anotherPerson.sayName() // --> こんにちは

関数SuperType(名前){
 this.name = 名前;
 this.colors = ['赤','黒']
}
SuperType.prototype.sayName = 関数 (){
 console.log(この名前)
}
関数 SubType(名前, 年齢){
 SuperType.call(this, name) // SuperType への 2 回目の呼び出し
 this.age = 年齢
}

SubType.prototype = new SuperType() // SuperTypeへの最初の呼び出し
SubType.prototype.constructor = サブタイプ
SubType.prototype.sayAge = 関数 (){
 コンソールログ(this.age)
}

関数オブジェクト(o) {
 関数F(){}
 F.プロトタイプ = o;
 新しいF()を返す
}
関数 inheritPtototype(サブタイプ、スーパータイプ){
 var prototype = object(superType.prototype) // オブジェクトを作成 prototype.constructor = subType // オブジェクトを拡張 subType.prototype = prototype // オブジェクトを指定 }

関数SuperType(名前){
 this.name = 名前
 this.colors = ['赤', '白']
}

SuperType.prototype.sayName = function(){
 console.log(この名前)
}

関数 SubType(名前,年齢){
 SuperType.call(これ、名前)
 this.age = 年齢
}

継承Ptototype(サブタイプ、スーパータイプ)

SubType.prototype.sayAge = function(){
 コンソールログ(this.age)
}

var インスタンス = 新しいサブタイプ ('ccc'、18)

instance.sayName() // --> ccc
instance.sayAge() // --> 18
console.log(インスタンス)