冷冻和密封的区别

Question

我刚刚听说了 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 有什么区别？它们能提高性能吗？

Answer 1

您可以随时在 MDN 中查找这些内容。简而言之：

• Freeze：使对象不可变，这意味着不允许更改已定义的属性，除非它们是对象。
• Seal: 阻止添加属性，但是定义的属性仍然可以更改。

Answer 2

Object.seal

• 它可以防止添加和/或删除密封对象的属性；使用 delete 将返回 false
• 它使每个现有属性non-configurable：它们不能从“数据描述符”转换为“访问器描述符”（反之亦然），并且访问器描述符的任何属性都不能被修改（而数据描述符可以改变它们的writable 属性，以及它们的 value 属性（如果 writeable 为真）。
• 尝试修改密封对象本身的值时会抛出TypeError（最常见于严格模式）

Object.freeze

• 正是Object.seal 所做的，另外：
• 它可以防止修改任何现有属性

两者都不会影响“深层”/孙子对象。例如，如果obj 被冻结，则obj.el 不能重新分配，但obj.el 的值可以修改，例如obj.el.id 可以更改。

---

性能：

密封或冻结对象可能会影响其枚举速度，具体取决于浏览器：

• Firefox：枚举性能不受影响
• IE：枚举性能影响可以忽略不计
• Chrome：枚举性能在密封或冻结对象时更快
• Safari：密封或冻结的对象枚举速度慢 92%（截至 2014 年）

测试：Sealed objects、Frozen objects。

Answer 3

Object.freeze() 创建一个冻结对象，这意味着它需要一个 现有对象并在本质上对其调用Object.seal()，但它还将所有“数据访问器”属性标记为writable:false，因此它们的值无法更改。

-- Kyle Simpson，你不懂 JS - 这个和对象原型

Answer 4

我正在查看 ECMAScript 5 中的 Freeze 和 Seal 之间的差异，并创建了一个脚本来阐明这些差异。 Frozen 创建了一个不可变的对象，包括数据和结构。 Seal 可防止更改命名接口 - 不会添加、删除 - 但您可以改变对象并重新定义其接口的含义。

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());
}

Answer 5

我知道我可能迟到了，但是

• 相似性：两者都用于创建不可扩展 对象。
• 区别：冻结时可配置、可枚举和可写 对象的属性设置为false。在密封的地方 可写属性设置为true，其余属性为假。

Answer 6

您现在可以强制冻结单个对象属性，而不是冻结整个对象。您可以使用Object.defineProperty 和writable: false 作为参数来实现此目的。

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

在本例中，obj.first 现在将其值锁定为 99。

Answer 7

我写了一个test project 比较了这三种方法：

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

我的单元测试涵盖了 CRUD 案例：

• [C] 添加新属性
• [R] 读取现有属性
• [U] 修改现有属性
• [D] 移除现有属性

结果：

Answer 8

我创建了一个简单的表格来比较以下函数并解释这些函数之间的区别。

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