tại sao a.y không được xác định ở đây?

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. Tại sao nó ủy quyền cho old prototype of a.x và không phải là mới hơn?
2. Tại sao a.y ném undefined thông qua thiết bị được đặt trong prototype?

Answer 1

này đang xảy ra vì khi bạn đã thiết A.prototype = obj

Thay vì thêm thuộc tính cho Object đang được thừa hưởng bởi a, bạn đã tạo một đối tượng hoàn toàn mới như A.prototype và cái này không được thừa hưởng bởi a

xem xét,

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 

.210

Nếu bạn đã thực hiện những thay đổi thuộc tính trên nguyên mẫu cũ (mà tôi gọi là p1) những có thể đã được nhìn thấy lần thừa hưởng bởi a

Answer 2

Bạn vừa tạo một đối tượng nguyên mẫu mới cho các lớp học "A", dụ cũ của Một

var a = new A(); 

... đã sao chép các đối tượng nguyên mẫu hiện tham khảo cho nó là ví dụ. Đó là nguyên mẫu -object là đối tượng của riêng nó và nó không bị phá hủy bởi vì thể hiện của "A" đang giữ tham chiếu đó.

Nếu bạn muốn "y" được xác định, bạn phải tạo các đối tượng một lần nữa sử dụng mới, các trường hợp mới sẽ sử dụng các đối tượng bạn assinged cho nguyên mẫu - và dụ rằng có "y" được xác định.

http://jsfiddle.net/ejseLum9/

Answer 3

Tại sao nó đại biểu cho nguyên mẫu cũ của a.x và không phải là một phiên bản mới hơn? Tại sao a.y ném undefined thông qua nó được thiết lập trong nguyên mẫu?

Bạn đã tạo hoàn toàn new prototype object. các đối tượng đã tạo trước khi thuộc tính mẫu thử được thay đổi sẽ có tham chiếu cũ và objects mới sẽ có prototype mới.

// 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 

Nguyên tắc ngón tay cái là, prototype được thiết lập thời điểm sáng tạo của đối tượng và sau này bạn không thể thay đổi. Chỉ có thể thêm mới hoặc sửa đổi các thuộc tính hiện có của object’s prototype.

Tuy nhiên, bạn có thể thực hiện giải pháp thay thế với thuộc tính __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);