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

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

之所以如此

second.test = 20;

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

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 2

使用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 3

在您的情况下，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

Answer 4

在新版本的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

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

4 个答案: