Constantes JavaScript

Avant de commencer le langage de programmation JavaScript, vous devez recueillir des connaissances sur les termes de base tels que les variables et les constantes. Dans Javascript, constantes sont créés en utilisant le «const" mot-clé. Après la déclaration, la valeur d'une constante JavaScript ne peut pas être modifiée, ce qui le rend «immuable". Ils sont aussi "encope«, Donc JavaScript restreint leur accès en dehors du bloc où ils sont créés.

Cet article discutera de la déclaration des constantes JavaScript, de leur portée de bloc, de la réaffectation de variables constantes, des tableaux constants, des objets constants et de la procédure liée au gel des objets constants. Alors commençons!

Déclaration de constantes JavaScript

Les constantes JavaScript sont de type immuable, ce qui signifie que leur valeur ne peut pas être modifiée après la création. Pour créer des constantes en JavaScript, vous devez utiliser le «const"Mot-clé et rappelez-vous la constante"nom«Doit être spécifié dans Majuscule:

const constant1 = "valeur";

Si le nom de la constante JavaScript comprend un mot, utilisez le soulignement «_» entre les mots:

const new_constant = "value";

Portée de blocs des constantes JavaScript

Une constante JavaScript déclarée avec le «const»Le mot-clé a la même portée qu'une variable créée avec le«laisser" mot-clé. En conséquence, les constantes JavaScript déclarées dans un bloc de code ne sont disponibles qu'à l'intérieur et non en dehors.

Par exemple, nous créerons une constante de javascript nommée "X"Dans un bloc de code :

const x = 5;
alerte (x);

Ensuite, nous essaierons d'accéder à la constante «X» à l'extérieur du bloc donné:

console.log (x);

Le bloc de code ajouté exécutera et affichera la valeur du "X«Constante dans une boîte à alerte:

Lorsque le contrôle d'exécution sort du bloc de code ajouté, le «console.enregistrer()"La méthode essaiera d'accéder à la constante"X,"Ce qui aboutit à ce qui suit"Référence»:

Réaffectation des variables constantes JavaScript

Comme mentionné précédemment, les variables créées à l'aide du «const«Les mots clés sont du«immuable«Type, ce qui signifie que nous ne pouvons pas effectuer le fonctionnement de leur réaffectation de valeur.

Dans l'exemple divisé, quand essaiera de réaffecter la valeur à la variable "âge», Il affichera un«Erreur-type”Sur la fenêtre de la console:

Const age = 30;
âge = 30;

Objets de constantes javascript

Lorsqu'un objet constant JavaScript est créé en utilisant le «const»Mot-clé, son type de données immuable restreint la réaffectation des valeurs de l'objet dans son ensemble. Pourtant, vous pouvez modifier les valeurs des propriétés de l'objet.

Par exemple, nous déclarerons un objet constant nommé «employé«Avoir les propriétés suivantes:

const Employee =
Âge: 30,
Nom: "Alex"
;
console.journal (employé);

Notez que le «employé"L'objet est de"immuable«Type de données, et nous réaffirmons une valeur à son«nom" propriété:

employé.name = "max";
console.journal ("après avoir changé l'employé.Nom Valeur de la propriété ");
console.journal (employé);

La sortie donnée signifie que le «employé.nom«La valeur de la propriété est mise à jour vers«Max»:

L'exécution de l'exemple ci-dessus a prouvé que bien qu'un objet devienne «immuable"Avec l'aide du"const»Mot-clé, il vous permet toujours de réaffecter les valeurs des propriétés.

Tu peux "gel”Un objet lorsqu'il est nécessaire de restreindre l'objet constant JavaScript de la mise à jour des propriétés existantes ou de l'ajout de nouvelles propriétés.

Geler un objet constant javascript à l'aide d'objet.Méthode Freeze ()

Le "Objet.gel()«La méthode est utilisée pour geler un objet constant déjà déclaré. Lorsqu'un objet est congélé, il empêche la suppression des propriétés d'objet existantes, l'ajout de nouvelles propriétés, la mise à jour de l'énumérabilité, de l'écriture et de la configurabilité des propriétés existantes. De plus, vous ne pouvez pas modifier le prototype d'objet et la valeur des propriétés existantes après avoir gelé l'objet associé.

Syntaxe de l'utilisation d'objet.Freeze () en javascript

Objet.gel (obj)

Ici, "obj»Représente l'objet constant JavaScript qui sera congelé à l'aide du«Objet.gel()" méthode.

Exemple: comment geler un objet en javascript à l'aide d'objet.Méthode Freeze ()

Premièrement, nous gèlerons l'objet constant «employé» en utilisant le «Objet.gel()" méthode:

Objet.gel (employé);

Notez qu'au moment de congélation du «employé"Objet, la valeur de"employé.âge" est "30," et le "employé.nom"Est défini comme"Max»:

Dans la prochaine étape, nous vérifierons si le «employé"L'objet est congelé ou non. À cette fin, JavaScript propose «Objet.est gelé()"Méthode intégrée qui accepte une constante JavaScript"objet"Comme argument et revient"vrai«Si l'objet passé est congelé, sinon le cas de retour de«Objet.est gelé()«La méthode sera définie sur«FAUX»:

Objet.isfrozen (employé);

Sortir

La valeur renvoyée par le «Objet.est gelé()"La méthode est"vrai,«Ce qui indique que le«employé"L'objet est congelé avec succès. Nous allons maintenant essayer de mettre à jour le "employé.nom«Valeur de la propriété à«Paul»:

employé.name = "Paul";
console.journal (employé);

Si vous êtes dans "non-stricte«Mode, puis le fonctionnement spécifié de la valeur de mise à jour échouera silencieusement, et le congelé«employé»L'objet ne modifiera pas les valeurs d'origine:

Tableaux constants javascript

Semblable aux objets constants JavaScript, le fonctionnement de la réaffectation de valeur n'est pas possible pour un tableau constant. Consultez l'exemple donné ci-dessous pour comprendre le concept déclaré.

Tout d'abord, nous déclarerons un tableau JavaScript «saisons" en utilisant le "const" mot-clé. Ce "saisons"Le tableau comprend un élément qui est"printemps»:

Constans Seasons = ['printemps'];

Ensuite, nous pousserons un autre élément "automne" au "saisons"Array avec l'aide du"déployer.pousser()" méthode:

saisons.push ('automne');
console.journal (saisons);

Comme les constantes JavaScript permettent d'ajouter des éléments à un tableau, donc l'opération spécifiée sera exécutée avec succès:

Cependant, nous ne pouvons pas réaffecter le «saisons" déployer. Ce faisant, vous rencontrerez un «Erreur-type»:

saisons = [];

Sortir

C'était toutes des informations essentielles liées aux constantes JavaScript. Vous pouvez y travailler en fonction de vos préférences.

Conclusion

Le "const»Le mot-clé est utilisé pour définir Constante javascript variables et tableaux qui sont encope et ne peut pas être modifié après avoir été créé. Cependant, dans le cas d'objets constants, vous devez les geler en utilisant l'objet JavaScript.Méthode Freeze () pour restreindre la manipulation d'un objet constant JavaScript déjà créé. Cet article a discuté de la déclaration des constantes JavaScript, de leur portée de bloc, de la réaffectation de variables constantes, des tableaux constants, des objets constants et de la procédure liée au gel des objets constants.