JavaScript Object.create - наследование вложенных свойств
Я столкнулся с особенностью метода Douglas Crockfords Object.create, который я надеюсь, что кто-то сможет объяснить:
Если я создаю объект - скажем, "человек" - используя нотацию объектного литерала, используйте Object.create для создания нового объекта - например, "anotherPerson" - который наследует методы и свойства от исходного объекта "person".
Если я затем изменил значения имени второго объекта - "anotherPerson" - он также изменит значение имени исходного объекта "person".
Это происходит только тогда, когда свойства вложены, этот код должен дать вам представление о том, что я имею в виду:
if (typeof Object.create !== 'function') {
Object.create = function (o) {
function F() {}
F.prototype = o;
return new F();
};
};
// initiate new 'person' object
var person = {
name: {
first: 'Ricky',
last: 'Gervais'
},
talk: function() {
console.log('my name is ' + this.name.first + ' ' + this.name.last);
}
}
// create anotherPerson from person.prototype
var anotherPerson = Object.create(person);
// change name of anotherPerson
anotherPerson.name.first = 'Stephen';
anotherPerson.name.last = 'Merchant';
// call talk method of both 'person' and 'anotherPerson' objects
person.talk(); // oddly enough, prints 'Stephen Merchant'
anotherPerson.talk(); // prints 'Stephen Merchant'
Если бы я должен хранить значения имен без вложенности, это странное поведение не происходит - например,
// initiate new 'person' object
var person = {
firstName: 'Ricky',
lastName: 'Gervais',
talk: function() {
console.log('my name is ' + this.firstName + ' ' + this.lastName);
}
}
// create anotherPerson from person.prototype
var anotherPerson = Object.create(person);
// change name of anotherPerson
anotherPerson.firstName = 'Stephen';
anotherPerson.lastName = 'Merchant';
// call talk method of both 'person' and 'anotherPerson' objects
person.talk(); // prints 'Ricky Gervais'
anotherPerson.talk(); // prints 'Stephen Merchant'
Эта проблема с вложением не возникает при использовании классического стиля наследования с помощью функции-конструктора и ключевого слова "новое".
Я был бы очень благодарен, если кто-нибудь сможет объяснить, почему это происходит!?
Ответы
Ответ 1
Это происходит потому, что anotherPerson.name
является объектом и хранится в цепочке прототипов в исходном person
объекте:
//...
var anotherPerson = Object.create(person);
anotherPerson.hasOwnProperty('name'); // false, the name is inherited
person.name === anotherPerson.name; // true, the same object reference
Вы можете избежать этого, назначив новый объект свойству name
для вновь созданного объекта:
// create anotherPerson from person
var anotherPerson = Object.create(person);
anotherPerson.name = {
first: 'Stephen',
last: 'Merchant'
};
Ответ 2
Проблема заключается в том, что Object.create выполняет только мелкую копию, а не глубокую копию, поэтому person.name и otherPerson.name оба указывают на один и тот же экземпляр объекта.
Edited
Хотя верно, что person.name === anotherPerson.name
, мое объяснение, почему это так, неверно. См. Ответ @CMS для правильного объяснения.
Ответ 3
Причина, по которой атрибут name
не копируется, заключается в том, что литералы объектов в JavaScript всегда являются ссылками, поэтому ссылка копируется (а не ее содержимое)... поэтому это не потому, что она глубже в цепочке прототипов или потому что он делает мелкую копию.