Проблема с перезаписью прототипа с объектом в javascript

Question

Попытка понять прототипы. Я играю в консоли Chrome и надеюсь, что кто-то может указать мне, почему это происходит.

function Gadget(name, color) { 
    this.name = name; 
    this.color = color; 
    this.whatAreYou = function(){ 
     return 'I am a ' + this.color + ' ' + this.name; 
    } 
} 

Gadget.prototype.price = 100; 
Gadget.prototype.rating = 3; 
Gadget.prototype.getInfo = function() { 
    return 'Rating: ' + this.rating + ', price: ' + this.price; 
}; 

var newtoy = new Gadget('webcam', 'black'); 

newtoy.constructor.prototype 

Gadget {price: 100, rating: 3, getInfo: function} //Expected 

Теперь, если я пытаюсь следующий, прототип не имеет ожидаемых результатов.

function Gadget(name, color) { 
    this.name = name; 
    this.color = color; 
    this.whatAreYou = function(){ 
     return 'I am a ' + this.color + ' ' + this.name; 
    } 
} 

Gadget.prototype = { 
    price: 100, 
    rating: 3, 
    getInfo: function() { 
     return 'Rating: ' + this.rating + ', price: ' + this.price; 
    } 
}; 

var newtoy = new Gadget('webcam', 'black'); 

newtoy.constructor.prototype 

Object {} //Empty Object!!!!!??? 

Answer 1

jsFiddle Demo

Это потому, что вы перезаписали прототип вместо расширения, когда вы сделали это:

Gadget.prototype = 

Обычно при перезаписи его, чтобы сделать фасад конструктор выглядит следующим образом:

Gadget.prototype = { 
constructor : Gadget 
} 

Так что для вашей конкретной ситуации:

Gadget.prototype = { 
constructor : Gadget, 
price: 100, 
rating: 3, 
getInfo: function() { 
    return 'Rating: ' + this.rating + ', price: ' + this.price; 
} 
}; 

Answer 2

Прототип изначально специальный объект типизированных. Когда вы назначаете прототип новому объекту (фигурные скобки - короткие руки для нового объекта), вы теряете специальный объект-прототип.

См. How does JavaScript .prototype work? для более глубокого объяснения.