Странное поведение при удалении объекта свойства после копирования объекта

Question

myObj = { 
    prop1: 'alpha', 
    prop2: 'beta', 
    priceUpdatedOn: new Date() 
    }; 

    myObjQuery = myObj; 
    delete myObjQuery.priceUpdatedOn; 

console.log(myObj); 
console.log(myObjQuery); 

Когда я делаю это, priceUpdatedOn будет удален из myObj, а по какой-то причине. Любая идея почему?

Answer 1

Javascript работает со ссылками. myObjQuery и myObj - это ссылки на одни и те же данные в памяти. Изменение свойства одного изменяет копию в памяти, и, следовательно, все ссылки на нее. Вы должны clone the object вместо

Answer 2

Это потому, что myObjQuery и myObj - это один и тот же объект. Когда вы делаете myObjQuery = myObj, вы не делаете копию самого объекта, а скорее копию ссылки на него. Вы никогда непосредственно не манипулируете объектами в JavaScript, а не всегда через ссылку.

EDIT: Клонирование объектов в JavaScript не является простым. У большинства библиотек, таких как jQuery или Ext, есть средства для этого. Чтобы сделать это вручную, что-то вроде этого работает.

var clone = {}; 
for(var prop in myObj) { 
    if(myObj.hasOwnProperty(prop)) { 
     clone[prop] = myObj[prop]; 
    } 
} 

Имейте в виду, что это мелкая копия. Чтобы сделать глубокую копию, вам нужно определить, являются ли сами свойства объектами и рекурсивно клонировать их тоже. Лучше всего использовать библиотеку, которая сделает все это за вас. И также имейте в виду, что это не так много красных случаев и странных вещей, как свойство конструктора объекта. JavaScript здесь действительно грязный.

Answer 3

С этой командой

myObjQuery = myObj; 

вы не создать копию объекта, а просто копия ссылки на объект. Поэтому впоследствии оба myObjQuery и myObj все еще указывают на один и тот же объект. Если вы удалите свойство этого объекта, обе ссылки отразят это изменение.

Answer 4

Поскольку myObjQuery - это просто другое имя для myObj. Модификация одного отразится на другом.

См: http://docstore.mik.ua/orelly/webprog/jscript/ch11_02.htm