JS継承の例：再帰が多すぎます

Question

ダンプに関するご質問は申し訳ありません。私はf2()の機能をD "class"に上書きしたいと思います。しかし何らかの理由でFire Foxが私に言った： "あまりにも多くの再帰"。再帰が起こる場所と、このコードを期待通りに動作させる方法を教えてください。

var B = function() { 
}; 
B.prototype.f2 = function (x) { 
    return 2 * x; 
}; 

var C = function() { 
    B.call(this); 
}; 

var D = function() { 
    C.call(this); 
}; 

D.prototype.f2 = function (x) { 
    return C.prototype.f2.call(this, x) * 7; 
}; 

inherit(B, C); 
inherit(C, D); 

function inherit(Child, Parent) { 
    Child.prototype = Object.create(Parent.prototype); 
    Child.prototype.constructor = Child; 
} 

var d = new D(); 
console.log(d.f2(3)); 

Answer 1

2つの問題は：

1. あなたは、あなたがそれらにプロパティを追加しようと前XYZ.prototypeオブジェクトを設定する必要があります。あなたのinherit関数がそれらを作成するので、あなたが正しい順序で何かをすることを確認する必要があります。

2. inheritコールでは、親と子の順序が逆になります。それはinherit(child, parent)であり、inherit(parent, child)ではありません。

var B = function() { 
 
}; 
 
B.prototype.f2 = function (x) { 
 
    return 2 * x; 
 
}; 
 

 
var C = function() { 
 
    B.call(this); 
 
}; 
 
inherit(C, B);   // *** Moved and updated 
 

 
var D = function() { 
 
    C.call(this); 
 
}; 
 
inherit(D, C);   // *** Moved and updated 
 

 
D.prototype.f2 = function (x) { 
 
    return C.prototype.f2.call(this, x) * 7; 
 
}; 
 

 
function inherit(Child, Parent) { 
 
    Child.prototype = Object.create(Parent.prototype); 
 
    Child.prototype.constructor = Child; 
 
} 
 

 
var d = new D(); 
 
console.log(d.f2(3));

ES2015のバージョンは、比較のために：あなたはとても熱心ES5のプロトタイプチェーンを勉強している理由

class B { 
 
    f2(x) { 
 
    return 2 * x; 
 
    } 
 
} 
 

 
class C extends B { 
 
} 
 

 
class D extends C { 
 
    f2(x) { 
 
    return super.f2(x) * 7; 
 
    } 
 
} 
 

 
const d = new D(); 
 
console.log(d.f2(3));