20

この例では、オブジェクトを作成して凍結し、凍結したオブジェクトから新しいオブジェクトを作成します。2 番目のオブジェクトがテスト プロパティを変更しようとしても、できません。最初のオブジェクトの値 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必要に応じて上書きすることはできますか?

質問する理由は、不変の基本オブジェクトをデフォルト値を持つテンプレートとして作成し、それを使用してカスタマイズ可能な新しいオブジェクトを作成したいからです。これに対する最善のアプローチは何ですか？

ありがとう！

4

4 に答える 4

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 に答える