Perché le funzioni rispondono a .prototype ma gli oggetti normali no?

Question

Considerare:

function Foo() {} 
var x = new Foo(); 

ora x e Foo hanno lo stesso prototipo, ma solo Foo risponde a .prototype:

Object.getPrototype(x) === Foo.prototype // true 
x.prototype === Foo.prototype // false 

Foo.prototype // Foo {} (depending on which browser) 
x.prototype // undefined 

Perché non x.prototype lavoro, ma Foo.prototype funziona?

Answer 1

prototype è una proprietà di costruttori che determina quale sarà il prototipo di nuovi oggetti creati da tale costruttore. È utile avere una proprietà di questo tipo su un costruttore.

Finché il prototipo sul costruttore non è stato cambiato:

Object.getPrototypeOf(x) === Foo.prototype 

e che è lo stesso:

Object.getPrototypeOf(x) === x.constructor.prototype 

Nota che in genere:

Object.getPrototypeOf(Foo) != Foo.prototype 

Answer 2

Per farla breve: le funzioni destinate a new hanno prototype, le istanze di oggetto no.

Probabilmente non riuscirò con precisione a dire questo, ma lo prototype è qualcosa che si applica solo a ciò che potreste chiamare funzioni di costruzione, che sono chiamate chiamate con new per creare istanze. Il prototipo può essere pensato come modello per l'istanza risultante.

Per l'oggetto risultante, prototype è non una proprietà. Piuttosto, le proprietà in il prototipo del costruttore sono disponibili come proprietà sull'istanza che è stata creata. Significa che quando si cerca una proprietà sull'istanza, se non è definita sull'istanza, Javascript inizierà a controllare la catena del prototipo per vedere se è definita lì.

Se si desidera accedere al prototipo di un'istanza, utilizzare Object.getPrototypeOf.

La semantica di Javascript può essere fonte di confusione. Consiglio vivamente di utilizzare lo Javascript Allongé libero per leggere come un modo per comprendere a fondo alcuni dei punti migliori di Javascript. Il capitolo 8 si concentra esattamente su questo argomento.