Seltsames Verhalten beim Löschen nach Objekteigenschaft Objekt Kopieren

Question

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

    myObjQuery = myObj; 
    delete myObjQuery.priceUpdatedOn; 

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

Wenn ich das tue, die priceUpdatedOn aus irgendeinem Grunde aus myObj auch gelöscht wird. Irgendeine Idee warum?

Answer 1

Javascript funktioniert mit Referenzen. myObjQuery und myObj sind Verweise auf dieselben Daten im Speicher. Wenn Sie die Eigenschaft von eins ändern, wird die Kopie im Speicher geändert und somit auch alle Referenzen darauf. Sie müssen clone the object statt

Answer 2

Dies liegt daran, dass myObjQuery und myObj das gleiche Objekt sind. Wenn Sie myObjQuery = myObj machen, erstellen Sie keine Kopie des Objekts selbst, sondern eine Kopie eines Verweises darauf. Sie manipulieren Objekte nie direkt in JavaScript, sondern immer durch eine Referenz.

EDIT: Klonen von Objekten in JavaScript ist nicht einfach. Die meisten Bibliotheken wie jQuery oder Ext haben eine Möglichkeit, dies zu tun. Um es manuell zu tun, funktioniert so etwas.

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

Denken Sie daran, dass es sich um eine flache Kopie handelt. Um eine tiefe Kopie zu erstellen, müssen Sie erkennen, ob die Eigenschaften selbst Objekte sind, und sie rekursiv auch klonen. Am besten, eine Bibliothek zu verwenden, die all dies für Sie erledigt. Denken Sie auch daran, dass es viele Randfälle und seltsame Dinge wie die Konstruktoreigenschaft des Objekts nicht gibt. JavaScript ist hier wirklich unordentlich.

Answer 3

Mit diesem Befehl

myObjQuery = myObj; 

Sie tun keine Kopie des Objekts erstellen, sondern nur eine Kopie der Referenz auf das Objekt. Danach zeigen sowohl myObjQuery als auch myObj immer noch auf das gleiche Objekt. Wenn Sie eine Eigenschaft dieses Objekts löschen, spiegeln beide Referenzen diese Änderung wider.

Answer 4

Weil myObjQuery nur ein anderer Name für myObj ist. Das Ändern eines wird über das andere reflektieren.

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