Eigenschaft auf dem Prototyp überschreibt die Eigenschaft des tatsächlichen Objekts?

Question

Ich habe eine Person Funktion Konstruktor wie so mit der Methode sayHello

var Person = function(firstName,lastName) { 
    this.lastName = lastName; 
    this.sayHello = function() { 
    return "Hi there " + firstName; 
    } 
}; 

Dann eine andere Version der sayHello Methode auf dem Prototyp Person Ich definiere:

Object.defineProperties(Person.prototype,{ 
    sayHello: { 
    value: function() { 
     return 'Hi there'; 
    }, 
    enumerable: true 
    } 
}); 

Jetzt

wenn ich eine Person erstellen Instanz und rufen sayHello darauf - Ich stelle fest, dass es die Version von sayHello verwendet, die auf dem Prototyp definiert ist.

var JoeBlow = new Person('Joe','Blow'); 

> JoeBlow.sayHello() 
< "Hi there" // I was expecting "Hi there Joe" 

Das ist für mich verwirrend.

Warum verwendet das JoeBlow-Objekt nicht seine eigene Implementierung von sayHello, anstatt sayHello auf seinem Prototypobjekt nachzuschlagen?

Answer 1

Standardmäßig sind die mit defineProperties definierten Eigenschaften Nur lesen.

Siehe MDN

writable
true if and only if the value associated with the property may be changed with an assignment operator.
Defaults to false.

Leider, wenn Sie eine Nur-Lese-Eigenschaft im alten Stil JS zu setzen versuchen, scheitert es still, anstatt eine Ausnahme zu werfen, so ist dies wirklich schwer zu debuggen.

Wenn Sie dies in strict mode laufen hatte, würde Sie bekommen haben:

TypeError: Cannot assign to read only property 'sayHello' of [object Object]

Sie können explizit die Eigenschaft definieren beschreibbar zu sein.

Object.defineProperties(Person.prototype,{ 
    sayHello: { 
    value: function() { 
     return 'Hi there'; 
    }, 
    enumerable: true, 
    writable: true 
    } 
}); 

Dann this.sayHello = function() { wird nicht unbemerkt fehlschlagen, und Sie werden erfolgreich die Version der Eigenschaft Maske auf dem Prototyp leben.