JS Пример наследования: слишком много рекурсии

Question

Извините за вопрос о свалке Я новичок в js. Я хотел бы переопределить функцию f2() в D «класс». Но почему-то 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

Две проблемы:

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, для сравнения:

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));