凍結とシールの違い

JavaScriptメソッドfreezeとについて聞いたところseal、それを使用して任意のオブジェクトを不変にすることができます。

使用方法の簡単な例を次に示します。

var o1 = {}, o2 = {};
Object.freeze(o2);

o1["a"] = "worked";
o2["a"] = "worked";

alert(o1["a"]);   //prints "worked"
alert(o2["a"]);   //prints "undefined"

違いは何であるfreezeとはseal？彼らはパフォーマンスを向上させることができますか？

Object.seal

• 封印されたオブジェクトのプロパティの追加や削除を防ぎます。を使用deleteするとfalseが返されます
• 既存のすべてのプロパティを構成不可能にします：それらは「データ記述子」から「アクセサー記述子」に（およびその逆に）変換できません。また、アクセサー記述子の属性はまったく変更できません（データ記述子はそのwritable属性を変更できますが、そのvalue属性writeableがtrueの場合）。
• TypeError封印されたオブジェクト自体の値を変更しようとすると、（通常はstrictモードで）をスローできます

Object.freeze

• 正確に何をするかObject.seal、さらに：
• それは変更を防ぎます 任意の既存のプロパティを

どちらも「deep」/孫オブジェクトには影響しません。たとえば、objフリーズしている場合はobj.el再割り当てできませんが、obj.el変更できます（たとえば、obj.el.id変更できます）。

パフォーマンス：

オブジェクトをシールまたはフリーズすると、ブラウザによっては列挙速度に影響する場合があります。

• Firefox：列挙のパフォーマンスは影響を受けません
• IE：列挙型パフォーマンスへの影響は無視できる
• Chrome：密封されたオブジェクトや凍結されたオブジェクトを使用すると、列挙のパフォーマンスが速くなります
• Safari：封印または凍結されたオブジェクトの列挙が92％遅くなりました（2014年現在）

テスト：密封されたオブジェクト、凍結されたオブジェクト。

これら3つの方法を比較するテストプロジェクトを作成しました。

• Object.freeze()
• Object.seal()
• Object.preventExtensions()

私の単体テストはCRUDケースをカバーしています：

• [C]新しいプロパティを追加
• [R]存在するプロパティを読み取る
• [U]存在するプロパティを変更
• [D]存在するプロパティを削除

結果：

これらは常にMDNで検索できます。要するに：

• Freeze：オブジェクトを不変にします。つまり、オブジェクトでない限り、定義されたプロパティの変更は許可されません。
• シール：プロパティの追加を禁止しますが、定義されたプロパティは変更できます。

Object.freeze()は、凍結されたオブジェクトを作成します。つまり、既存のオブジェクトを受け取り、基本的Object.seal()にそれを呼び出しますが、すべての「データアクセサー」プロパティをとしてマークwritable:falseし、値を変更できないようにします。-カイル・シンプソン、JSを知らない-これとオブジェクトのプロトタイプ

ECMAScript 5のFreezeとSealの違いを見て、違いを明確にするスクリプトを作成しました。Frozenは、データと構造を含む不変オブジェクトを作成します。シールは、名前付きインターフェースの変更を防ぎます-追加、削除はできません-しかし、オブジェクトを変更して、そのインターフェースの意味を再定義できます。

function run()
{
    var myObject = function() 
    { 
        this.test = "testing"; 
    }

    //***************************SETUP****************************

    var frozenObj = new myObject();
    var sealedObj = new myObject();

    var allFrozen = Object.freeze(frozenObj);
    var allSealed = Object.seal(sealedObj);
    alert("frozenObj of myObject type now frozen - Property test= " + frozenObj.test);
    alert("sealedObj of myObject type now frozen - Property test= " + sealedObj.test);

    //***************************FROZEN****************************

    frozenObj.addedProperty = "added Property"; //ignores add
    alert("Frozen addedProperty= " + frozenObj.addedProperty);
    delete frozenObj.test; //ignores delete
    alert("Frozen so deleted property still exists= " + frozenObj.test);
    frozenObj.test = "Howdy"; //ignores update
    alert("Frozen ignores update to value= " + frozenObj.test);
    frozenObj.test = function() { return "function"; } //ignores
    alert("Frozen so ignores redefinition of value= " + frozenObj.test);

    alert("Is frozen " + Object.isFrozen(frozenObj));
    alert("Is sealed " + Object.isSealed(frozenObj));
    alert("Is extensible " + Object.isExtensible(frozenObj));

    alert("Cannot unfreeze");
    alert("result of freeze same as the original object: " + (frozenObj === allFrozen).toString());

    alert("Date.now = " + Date.now());

    //***************************SEALED****************************

    sealedObj.addedProperty = "added Property"; //ignores add
    alert("Sealed addedProperty= " + sealedObj.addedProperty);
    sealedObj.test = "Howdy"; //allows update
    alert("Sealed allows update to value unlike frozen= " + sealedObj.test);
    sealedObj.test = function() { return "function"; } //allows
    alert("Sealed allows redefinition of value unlike frozen= " + sealedObj.test);
    delete sealedObj.test; //ignores delete
    alert("Sealed so deleted property still exists= " + sealedObj.test);
    alert("Is frozen " + Object.isFrozen(sealedObj));
    alert("Is sealed " + Object.isSealed(sealedObj));
    alert("Is extensible " + Object.isExtensible(sealedObj));

    alert("Cannot unseal");
    alert("result of seal same as the original object: " + (sealedObj === allSealed).toString());

    alert("Date.now = " + Date.now());
}

少し遅れるかもしれませんが

• 類似性：どちらも非拡張オブジェクトの作成に使用されます。
• 相違点：Freeze では 、オブジェクトの列挙可能な属性と書き込み可能な属性がに設定可能ですfalse。ここでは、シールされた 書き込み可能な属性が設定されてtrueおり、残りの属性はfalseです。

オブジェクト全体をフリーズする代わりに、単一のオブジェクトプロパティを強制的にフリーズできるようになりました。これをパラメータとして使用するとObject.defineProperty、これを実現できwritable: falseます。

var obj = {
    "first": 1,
    "second": 2,
    "third": 3
};
Object.defineProperty(obj, "first", {
    writable: false,
    value: 99
});

この例でobj.firstは、値が99にロックされています。

以下の関数を比較し、これらの関数の違いを説明する簡単な表を作成しました。

• Object.freeze（）
• Object.seal（）
• Object.preventExtensions（）