JavaScript: диаграмма для объяснения наследования, __proto__ и прототипа
У меня есть следующий код:
function Shape(x, y) {
this.x = x;
this.y = y;
}
Shape.prototype.describeLocation = function() {
return 'I am located at ' + this.x + ', ' + this.y;
};
var myShape = new Shape(1, 2);
function Circle(x, y, radius) {
Shape.call(this, x, y); // call parent constructor
this.radius = radius;
}
var myFirstCircle = new Circle(3, 4, 10);
Circle.prototype = Object.create(Shape.prototype);
Circle.prototype.calculateArea = function() {
return 'My area is ' + (Math.PI * this.radius * this.radius);
};
var mySecondCircle = new Circle(3, 4, 10);
Я хотел бы визуальное * объяснение:
изменения, вызванныеCircle.prototype = Object.create(Shape.prototype);
__proto__
а такжеprototype
связи между объектамикакmySecondCircle
наследуетdescribeLocation()
метод изShape
ПочемуcalculateArea()
метод существует дляmySecondCircle
но не дляmyFirstCircle
:> myFirstCircle.calculateArea()
Uncaught TypeError: undefined is not a function
> mySecondCircle.calculateArea()
"My area is 314.1592653589793"
* При попытке понять проблемы JavaScript, связанные с наследованием, диаграмма действительностоит тысячи слови я нашел диаграммы в этих вопросах очень полезными:1, 2, 3, 4.