Свойство на прототипе переопределяет свойство фактического объекта?

Question

У меня есть функция Person конструктора как и с помощью метода SayHello

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

Тогда я определяю другую версию метода SayHello на прототипе Person:

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

Теперь, если я создаю Person экземпляр и вызов sayHello на нем - я замечаю, что он использует версию sayHello, которая определена на прототипе.

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

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

Это для меня сбивает с толку.

Почему объект JoeBlow не использует свой собственный Реализация sayHello вместо того, чтобы искать sayHello на своем прототипе объекта?

Answer 1

По умолчанию свойствами, определяемыми с помощью defineProperties, являются только.

См MDN

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

К сожалению, при попытке установить только для чтения свойство в старом стиле JS, он не молча, а не бросать исключение, так что это действительно трудно отлаживать.

Если бы вы запустите в strict mode вы бы получили:

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

Вы можете явно определить свойство быть доступны для записи.

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

Тогда this.sayHello = function() { не преминут молча, и вы будете успешно маскировать версию свойства живого на прототипе.