从冻结的父对象创建新对象

Question

此示例创建一个对象，将其冻结，然后从冻结的对象创建一个新对象。 如果第二个对象试图更改测试属性，它不能。它保持冻结状态 第一个对象的值为 10。

//Create an object and freeze it

var first = {
    test: 10
};
Object.freeze(first);

//Create a second object from the first one and
//try and change the new test property (you can't)

var second = Object.create(first);
second.test = 20;
console.log(second.test); //10

这是我的问题：

second.test 是新对象上的新属性，还是只是对冻结的第一个对象中的属性的引用？
是否可以使用冻结的first.test 作为默认值，但如果需要让second.test 覆盖它？

我问的原因是因为我想让一个不可变的基础对象作为具有默认值的模板，然后用它来制作我可以自定义的新对象。最好的方法是什么？

谢谢！

Answer 1

在新版本的 javascript 中，您可以使用对象解构来创建具有旧对象属性的新对象。

const first = {
    test: 10
};
Object.freeze(first);

//Clone the object
const second = {...first};
second.test = 20;
console.log(second.test); // 20 where the first is locked

Answer 2

second实际上是一个新对象，first是second的原型。原因

second.test = 20;

不起作用是因为在分配时，它将查找原型上的设置（即configurable、enumerable、writable、[[Extensible]]）并且如果其中任何一个为 false，则不会分配给实例¹。要直接分配给实例，您必须在 second 上使用 Object.defineProperty：

var first = {
    test: 10
};
Object.freeze(first);

var second = Object.create(first);
Object.defineProperty(second, 'test', { value: 20, enumerable: true, configurable: true, writable: true });
console.log(second.test); // 20

^1：[[Put]]: the ECMAScript Specification, §8.12.5

Answer 3

使用 Object.assign

         var first = {
            test: 10
        };
        Object.freeze(first);

        //Create a second object from the first one and
        //try and change the new test property (you can't)

        var second = Object.assign({}, first, {
            test: 20
        });
        console.log(second.test); //20

Answer 4

在您的情况下，second 是对first 的引用（就像您假设的那样）。一个解决方案是克隆您的对象。克隆对象没有内置方法 - 你必须自己做，这是(source)的方法：

function clone(obj){
   if(obj == null || typeof(obj) != 'object')
      return obj;

   var temp = obj.constructor();

   for(var key in obj)
       temp[key] = clone(obj[key]);
   return temp;
}

那你这样用：

var first = {
    test: 10
};
Object.freeze(first);

// clone it into a new one
var second = clone(first);
second.test = 20;
console.log(second.test); // 20 where the first is locked