Dziedziczenie metod w łańcuchu prototypów JavaScriptu

Question

"W javascript każdy obiekt ma tajne łącze do obiektu, który go utworzył, tworząc łańcuch. Gdy obiekt jest żądany dla właściwości, której nie ma, jego obiektem nadrzędnym jest zapytałem ... ciągle w górę łańcucha aż do znalezienia właściwości lub do momentu osiągnięcia obiektu głównego "

Wszystko, zawsze uważam, że powyższe słowa są prawdą nawet teraz, więc zrobiłem test, aby to zweryfikować, ma na celu zdefiniowanie relacji obiektów takich jak poniżej. przejrzyj go.

Kod powinien wyglądać jak poniżej.

 //Shape - superclass 
     function Shape() { 
      this.x = 0; 
      this.y = 0; 
     }; 

     Shape.prototype.move = function(x, y) { 
      this.x += x; 
      this.y += y; 

      alert('Shape move'); 
     }; 

     // Rectangle - subclass 
     function Rectangle() { 
      Shape.call(this); //call super constructor. 
     } 

     Rectangle.prototype.move = function(x, y) { 
      this.x += x; 
      this.y += y; 

      alert('Rectangle move'); 
     }; 

     // Square - subclass 
     function Square(){ 
      Shape.call(this); 
     } 

     Rectangle.prototype = Object.create(Shape.prototype); 
     Square.prototype=Object.create(Rectangle.prototype); 

     var rect = new Rectangle(); 

     var sq= new Square(); 

     sq.x=1; 
     sq.y=1; 
     sq.move(1,1); 

Ponieważ metoda move nie można znaleźć w Square.prototype, więc JavaScript, znajdzie je w swoich obiektach nadrzędnych po łańcuchu, myślałem Okaże się w Rectangle.prototype, ale w rzeczywistości znajduje się w root Shape.prototype, Więc nie mogę zrozumieć, dlaczego sq.move(1,1) nazywa się Shape.prototype.move zamiast wywoływania metody move z Rectangle.prototype? Czy coś przeoczyłem? Dzięki.

Answer 1

Właśnie nadpisałeś swoje Rectangle.prototype, które już miało move. Ponieważ został on zastąpiony, nie ma już dołączonego move, dlatego zastosowano ruch Shape.

Rectangle.prototype.move = function(x, y) { 
    this.x += x; 
    this.y += y; 
    alert('Rectangle move'); 
}; 

function Square(){ 
    Shape.call(this); 
} 

//overwritten the prototype 
Rectangle.prototype = Object.create(Shape.prototype); 

Najpierw stwórz prototyp obiektu, zanim go dodasz.

Rectangle.prototype = Object.create(Shape.prototype); 
Rectangle.prototype.move = function (x, y) { 
    this.x += x; 
    this.y += y; 
    alert('Rectangle move'); 
}; 

Answer 2

Przenieś rozszerzenie prototypu w dół. Teraz jesteś przypisując prototyp po rozszerzając go, więc będzie zastąpić rozszerzony jeden

//Shape - superclass 
     function Shape() { 
      this.x = 0; 
      this.y = 0; 
     }; 
     // Rectangle - subclass 
     function Rectangle() { 
      Shape.call(this); //call super constructor. 
     } 
     // Square - subclass 
     function Square(){ 
      Shape.call(this); 
     }  

     Rectangle.prototype = Object.create(Shape.prototype); 
     Square.prototype = Object.create(Rectangle.prototype); 

     Shape.prototype.move = function(x, y) { 
      this.x += x; 
      this.y += y; 

      alert('Shape move'); 
     }; 
     Rectangle.prototype.move = function(x, y) { 
      this.x += x; 
      this.y += y; 

      alert('Rectangle move'); 
     }; 

     var rect = new Rectangle(); 
     var sq = new Square(); 

     sq.x=1; 
     sq.y=1; 
     sq.move(1,1);