Разница между заморозкой и печатью

Я только что услышал о методах 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это правда).
• Может выдавать TypeErrorпри попытке изменить значение самого запечатанного объекта (чаще всего в строгом режиме )

Object.freeze

• Что Object.sealконкретно, плюс:
• Это предотвращает изменение любых существующих свойств

Ни один из них не влияет на «глубокие» / внуковые объекты. Например, если 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 - это и прототипы объектов

Я смотрел на различия между Freeze и Seal в ECMAScript 5 и создал сценарий, чтобы прояснить различия. 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. где as в Запечатанном атрибуте для записи установлено значение, 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 ()