Object.freeze（）vs const

Question

Object.freeze()は、ES6でconstを使用するための移行の便利な方法のようです。

どちらもコード内に置かれている場合や、不変のデータを処理するための好ましい方法がある場合はありますか？

を使用する必要がありますか？私がサポートしているすべてのブラウザconstに切り替えるまで、代わりにconstを使用しますか？

Answer 1

constおよびObject.freezeは全く異なる2つのものです。

constは、バインディング（ "変数"）に適用されます。不変のバインディングを作成します。つまり、バインドに新しい値を割り当てることはできません。

Object.freeze値に動作し、より具体的には、オブジェクトは値。これはオブジェクトを不変にします。つまり、そのプロパティを変更することはできません。

Answer 2

ES5 Object.freezeではプリミティブでは機能しません。これはおそらくオブジェクトよりもconstを使用してより一般的に宣言されます。 ES6でプリミティブをフリーズできますが、constもサポートされています。

一方、オブジェクトを宣言するために使用されるconstはオブジェクトを「フリーズ」しないので、オブジェクト全体を再宣言することはできませんが、そのキーを自由に変更することができます。一方、フリーズしたオブジェクトは再宣言できます。

Object.freezeも浅いので、保護するためにネストしたオブジェクトに再帰的に適用する必要があります。

var ob1 = { 
    foo : 1, 
    bar : { 
     value : 2 
    } 
}; 
Object.freeze(ob1); 

const ob2 = { 
    foo : 1, 
    bar : { 
     value : 2 
    } 
} 

ob1.foo = 4; // (frozen) ob1.foo not modified 
ob2.foo = 4; // (const) ob2.foo modified 

ob1.bar.value = 4; // (frozen) modified, because ob1.bar is nested 
ob2.bar.value = 4; // (const) modified 

ob1.bar = 4; // (frozen) not modified, bar is a key of obj1 
ob2.bar = 4; // (const) modified 

ob1 = {}; // (frozen) ob1 redeclared 
ob2 = {}; // (const) ob2 not redeclared 

Answer 3

var obj = { 
    a: 1, 
    b: 2 
}; 
Object.freeze(obj); 
obj.newField = 3; // You can't assign new field , or change current fields 

それは完全にあなたのオブジェクトは不変になり、上記の例。

以下の例をご覧ください。

const obj = { 
    a: 1, 
    b: 2 
}; 
obj.a = 13; // You can change a field 
obj.newField = 3; // You can assign new field. 

これは誤りです。

しかし、あなたはその

const obj = { 
     a: 1, 
     b: 2 
    }; 
obj = { 
t:4 
}; 

ようにしようとした場合には、「OBJが読み取り専用である」というようなエラーがスローされます。

また、Mozillaのドキュメントconst説明CONST宣言値に読み取り専用の参照を作成

に従ってDuplicate declaration "obj"

をスローし

const obj = {a:1}; 
var obj = 3; 

別のユースケース。 は、保持する値がであることを意味するものではなく、 変数識別子を再割り当てできないことを意味します。

この例は、babeljs ES6の機能に従って作成したものです。