Wie man veränderbare UND unveränderliche Kopie des Gegenstandes in JS

Question

erzeugt Ohne wie ich irgendwelche zusätzlichen Bibliotheken verwende, wie ich kann ich eine unveränderliche Kopie eines Gegenstandes verursachen und eine veränderbare Kopie behalten.

var mutableCopy = immutableData; 

Object.freeze(immutableData); 

mutableCopy.newProp = 'mutated!'; 

console.log(mutableCopy.hasOwnProperty('newProp')); // false 

Es scheint, dass Object.freeze() auch Objekte durch Verweis einfriert.

Wie kann ich eine veränderbare und unveränderbare Kopie eines Objekts erstellen?

Answer 1

var objCopy = {}; 

for (var propKey in objToClone) 
    objCopy[ propKey ] = objToClone[ propKey ]; 

Und object.freeze was auch immer Sie bevorzugen. Wenn Sie ein komplexere/tiefes Objekt haben und müssen diese tieferen Eigenschaften mutieren, würde ich wahrscheinlich verwende nur etwas hacky wie

var objCopy = JSON.parse(JSON.stringify(objToClone)); 

Answer 2

Sie sind leicht in diesem Problem ist ein Problem von Pass-by-Referenz vs Pass-by-Wert. In der Realität tritt das Pass-by-Reference in der ersten Zeile auf. Sowohl mutableCopy als auch immutableData verweisen auf dasselbe Objekt im JS-Heap.

Was Sie tun sollten, ist ein neues Objekt, das ein Duplikat des alten ist. Durch das Einfrieren des neuen Objekts wird das alte Objekt als veränderliche Kopie beibehalten, während Änderungen verhindert werden.

Sie können natürlich das neue Objekt als veränderbare Kopie und das alte als das unveränderliche Objekt festlegen.