Maîtriser Object.freeze() et Object.seal() en JavaScript : contrôler la mutabilité des objets

Object.freeze et Object.seal en JavaScript

Lorsque vous travaillez avec des objets en JavaScript, contrôler leur mutabilité est essentiel pour éviter des modifications involontaires. Deux méthodes fournies par JavaScript à cet effet sont Object.freeze() et Object.seal(). Comprendre leurs différences et leurs cas d'utilisation est essentiel pour écrire un code robuste.

1. Objet.freeze()

La méthode Object.freeze() rend un objet immuable. Cela signifie :

• Aucune nouvelle propriété ne peut être ajoutée.
• Les propriétés existantes ne peuvent pas être modifiées, supprimées ou reconfigurées.
• L'objet est effectivement "gelé" et ne peut en aucun cas être modifié.

Syntaxe :

Object.freeze(obj);

Exemple :

const obj = { name: "Alice", age: 25 };
Object.freeze(obj);

obj.age = 30; // Does nothing (strict mode: throws an error)
obj.gender = "female"; // Does nothing (strict mode: throws an error)
delete obj.name; // Does nothing (strict mode: throws an error)

console.log(obj); // { name: "Alice", age: 25 }

Cas d'utilisation :

• Pour garantir qu'un objet reste constant tout au long de votre programme, comme les paramètres de configuration.

Vérifier si un objet est gelé :

Utilisez Object.isFrozen() pour déterminer si un objet est gelé :

console.log(Object.isFrozen(obj)); // true

2. Objet.seal()

La méthode Object.seal() restreint les modifications à un objet mais est moins stricte que Object.freeze(). Il permet :

• Modification des propriétés existantes (les valeurs peuvent changer).
• Prévention de l'ajout ou de la suppression de propriétés.

Syntaxe :

Object.seal(obj);

Exemple :

const obj = { name: "Bob", age: 30 };
Object.seal(obj);

obj.age = 35; // Allowed: Existing properties can be modified
obj.gender = "male"; // Does nothing (strict mode: throws an error)
delete obj.name; // Does nothing (strict mode: throws an error)

console.log(obj); // { name: "Bob", age: 35 }

Cas d'utilisation :

• Lorsque vous souhaitez protéger la structure d'un objet (empêcher les ajouts/suppressions) tout en autorisant les modifications des valeurs des propriétés.

Vérifier si un objet est scellé :

Utilisez Object.isSealed() pour déterminer si un objet est scellé :

Object.freeze(obj);

3. Différences clés entre Object.freeze() et Object.seal()

const obj = { name: "Alice", age: 25 };
Object.freeze(obj);

obj.age = 30; // Does nothing (strict mode: throws an error)
obj.gender = "female"; // Does nothing (strict mode: throws an error)
delete obj.name; // Does nothing (strict mode: throws an error)

console.log(obj); // { name: "Alice", age: 25 }

console.log(Object.isFrozen(obj)); // true

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!