20

此示例创建一个对象，将其冻结，然后从冻结的对象创建一个新对象。如果第二个对象试图更改测试属性，它不能。它保持冻结状态，第一个对象的值为 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新对象上的新属性，还是只是对冻结的第一个对象中的属性的引用？
是否可以将 freezefirst.test用作默认值，但second.test如果需要，请覆盖它？

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

谢谢！

4

4 回答 4

14

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

second.test = 20;

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

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]]: ECMAScript 规范，§8.12.5

于 2013-10-31T04:41:43.080 回答
11

使用 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
于 2016-01-01T14:26:35.317 回答
2

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

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
于 2013-10-31T05:08:57.093 回答
0

在新版本的 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
于 2020-11-03T22:28:22.560 回答