Javascript中冻结和密封的区别

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"

这些方法有什么区别,它们能提高性能吗？

Answer 1

Object.seal

• 它防止从密封物体中添加和/或移除属性; 使用delete将返回false
• 它使每个现有属性都不可配置:它们不能从"数据描述符"转换为"访问者描述符"(反之亦然),并且根本不能修改访问者描述符的属性(而数据描述符可以更改其writable属性,以及他们的value属性if writeable是真的).
• TypeError在尝试修改密封对象本身的值时可以抛出(最常见的是在严格模式下)

Object.freeze

• 究竟是什么Object.seal,再加上:
• 它可以防止修改任何现有属性

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

性能:

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

• Firefox:枚举性能不受影响
• IE:枚举性能影响可以忽略不计
• Chrome:密封或冻结对象的枚举性能更快
• Safari:密封或冷冻物品的速度减慢92%(截至2014年)

测试:密封物体,冷冻物体.

Answer 2

我写了一个比较这三种方法的测试项目:

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

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

• [C]添加新属性
• [R]读取存在的财产
• [U]修改现有财产
• [D]删除现有财产

结果:

Answer 3

您始终可以在MDN中查找这些内容.简而言之:

• 冻结:使对象不可变,这意味着不允许更改定义的属性,除非它们是对象.
• 密封:防止添加属性,但仍可以更改已定义的属性.

Answer 4

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

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

Answer 5

Object.freeze()创建一个冻结对象,这意味着它接受一个现有对象并基本上调用Object.seal()它,但它也将所有"数据访问器"属性标记为writable:false,以便它们的值不能更改. - 凯尔辛普森,你不知道JS - 这和对象的原型

Answer 6

我正在查看 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());
}