В чём разница между Object.seal() и Object.freeze()?

Когда мы говорим о методах Object.seal() и Object.freeze(), мы обсуждаем способы управления изменяемостью объектов в JavaScript. Оба метода позволяют ограничить способность изменения объектов, но они делают это по-разному. Давайте разберемся подробнее.

Object.seal()

Метод Object.seal() изменяет состояние объекта, предотвращая добавление и удаление свойств, но позволяя изменять значения существующих свойств. При его использовании:

• Свойства: Все существующие свойства остаются, и их можно изменять.
• Добавление/удаление: Невозможно добавлять новые свойства или удалять существующие.
• Состояние: Объект становится "запечатанным", что можно проверить с помощью Object.isSealed().

Пример использования Object.seal()

const obj = {
    name: 'Alice',
    age: 30
};

Object.seal(obj);

obj.age = 31; // Изменение значения существующего свойства разрешено
obj.city = 'New York'; // Ошибка: новое свойство не может быть добавлено
delete obj.name; // Ошибка: существующее свойство не может быть удалено

console.log(obj); // { name: 'Alice', age: 31 }

Object.freeze()

Метод Object.freeze() более строгий, чем Object.seal(). Он делает объект неизменяемым, что означает, что вы не можете ни добавлять, ни удалять свойства, ни изменять их значения. При использовании Object.freeze():

• Свойства: Все свойства остаются, но их значения не могут быть изменены.
• Добавление/удаление: Невозможно добавлять новые свойства или удалять существующие.
• Состояние: Объект становится "замороженным", что можно проверить с помощью Object.isFrozen().

Пример использования Object.freeze()

const obj = {
    name: 'Alice',
    age: 30
};

Object.freeze(obj);

obj.age = 31; // Ошибка: изменение значения существующего свойства не разрешено
obj.city = 'New York'; // Ошибка: новое свойство не может быть добавлено
delete obj.name; // Ошибка: существующее свойство не может быть удалено

console.log(obj); // { name: 'Alice', age: 30 }

Сравнение

1. Изменяемость:

   • Object.seal(): Позволяет изменять значения существующих свойств.
   • Object.freeze(): Запрещает изменять значения существующих свойств.

2. Добавление/удаление свойств:

   • Оба метода запрещают добавление и удаление свойств.

3. Проверка состояния:

   • Для Object.seal() используйте Object.isSealed(obj).
   • Для Object.freeze() используйте Object.isFrozen(obj).

Практические советы

• Используйте seal(), когда вам нужно предотвратить добавление или удаление свойств, но вы хотите, чтобы значения существующих свойств могли изменяться. Это может быть полезно, например, в ситуациях, когда объект должен оставаться структурированным, но значения могут изменяться в зависимости от логики приложения.

• Используйте freeze(), когда вы хотите полностью защитить объект от изменений. Это может быть полезно для конфигурационных объектов или объектов, которые не должны изменяться после инициализации.

Распространенные ошибки

1. Неправильное ожидание изменений: После вызова Object.seal() или Object.freeze() вы не сможете изменять свойства, как это ожидалось. Пользователи часто предполагают, что seal() позволит им изменять значения, что не всегда может соответствовать логике их кода.

2. Несоответствие вложенных объектов: Оба метода работают только на верхнем уровне. Если у вас есть вложенные объекты, их свойства не будут защищены. Для глубокой защиты необходимо рекурсивно применять freeze() или seal().

3. Проверка состояния: Часто разработчики забывают проверять состояние объекта после его запечатывания или заморозки, что может привести к ошибкам в дальнейшей логике приложения.

Эти методы предоставляют мощные инструменты для управления изменяемостью объектов в JavaScript и могут быть использованы для создания более безопасного и контролируемого кода.