perché a.y è indefinito qui?

Question

function A() {} 
A.prototype.x = 10; 

var a = new A(); 
alert(a.x); // 10 

A.prototype = { 
    x: 20, 
    y: 30 
}; 

alert(a.y) // undefined 

1. Perché è delegare a old prototype of a.x e non il più recente uno?
2. Perchéviene generato da undefined tramite il valore impostato su prototype?

Answer 1

questo sta accadendo a causa di quando aver impostato A.prototype = obj

Invece di aggiungere proprietà al oggetto che viene ereditato da a, hai creato un oggetto del tutto nuovo come A.prototype e questo non viene ereditato da a

si consideri,

function A() {} 
A.prototype.x = 10; 

var p1 = A.prototype; // keep reference to this 

var a = new A(); 

A.prototype = {x: 20, y: 30}; 

Object.getPrototypeOf(a) === A.prototype; // false, not the new prototype 
Object.getPrototypeOf(a) === p1; // true, the old prototype 

// however 
var b = new A(); 
Object.getPrototypeOf(b) === A.prototype; // true, this is the new prototype 

Se avessi fatto le modifiche alle proprietà sul vecchio prototipo (che ho chiamato p1) questi sarebbero stati visti ereditato da a

Answer 2

appena creato un nuovo oggetto prototipo per la classe "A", l'istanza del a

var a = new A(); 

... ha fatto copiare l'oggetto prototipo esistente riferimento per il suo esempio. Quel vecchio prototipo -oggetto è oggetto di esso stesso e non viene distrutto perché l'istanza di "A" contiene quel riferimento.

Se si desidera che la "y" da definire, è necessario creare l'oggetto nuovo utilizzando nuova, la nuova istanza avrebbe usato l'oggetto che si assinged per il prototipo - e tale istanza ha la "y" definito.

http://jsfiddle.net/ejseLum9/

Answer 3

Perché è delegare al vecchio prototipo di a.x e non quella più recente? Perché il lancio di un.y non definito attraverso di esso è impostato in prototipo?

È stato creato un tutto new prototype object. gli oggetti creati già prima della modifica della proprietà del prototipo avranno il vecchio riferimento e il nuovo objects avrà il nuovo prototype.

// was before changing of A.prototype 
a.[[Prototype]] ----> Prototype <---- A.prototype 

// became after 
A.prototype ----> New prototype // new objects will have this prototype 
a.[[Prototype]] ----> Prototype // it will still reference to old prototype 

La regola generale è, prototype è impostato al momento della creazione dell'oggetto e in seguito non si può cambiare. È possibile aggiungere o modificare nuove proprietà esistenti di object’s prototype.

Tuttavia, è possibile eseguire una soluzione con la proprietà __proto__.

function A() {} 
A.prototype.x = 10; 

var a = new A(); 
alert(a.x); // 10 

var _newPrototype = { 
    x: 20, 
    y: 30 
}; 
A.prototype = _newPrototype; //will fail 
alert(a.y) // undefined 

A.__proto__ = _newPrototype; //will work 
alert(a.x); 
alert(a.y);