如何在JS中创建对象的可变且不可变的副本

Question

在不使用任何其他库的情况下，如何创建对象的不可变副本并保留可变副本。

var mutableCopy = immutableData;

Object.freeze(immutableData);

mutableCopy.newProp = 'mutated!';

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

似乎Object.freeze()也通过引用冻结对象。

如何创建对象的可变且不可变的副本？

Answer 1

var objCopy = {};

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

并根据您的喜好冻结对象。 如果您有一个更复杂/更深的对象，并且需要对那些更深的属性进行突变，那么我可能会使用一些像

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

Answer 2

您说得对，这是传递引用与传递值的问题。 实际上，引用传递发生在第一行。 mutableCopy和immutableData指向JS堆上的同一对象。

您应该做的是制作一个新对象，该对象与旧对象重复。 然后，冻结新对象将把旧对象保留为可变副本，同时防止修改。

var newObj = {}
for (var key in obj) {
    if (obj.hasOwnProperty(key)) {
        newObj[key] = obj[key];
    }
}

Object.freeze(newObj);

当然，您可以将新对象设为可变副本，而将旧对象设为不变的副本。