ES6 a introduit le const mot-clé, qui est utilisé pour définir une nouvelle variable en JavaScript. Généralement, le était Le mot-clé est utilisé pour déclarer une variable JavaScript. Const est un autre mot-clé pour déclarer une variable lorsque vous ne souhaitez pas modifier la valeur de cette variable pour l'ensemble du programme.

La différence est simplement que var est destiné à la déclaration de variable normale dont la valeur peut être modifiée, alors qu'une valeur de variable déclarée à l'aide du mot-clé const ne peut pas être modifiée.

Déclaration/initialisation de variable Const

Voici la syntaxe ou le code simple pour la déclaration et l'initialisation des variables const.

Copier le code

 const x = 16; document.write('The value of const variable x = ' + x);  

Sortir

Il affichera la valeur de la variable const x sans aucune erreur.

 The value of const variable x = 16  

Nous allons maintenant discuter de certaines propriétés des variables définies à l'aide de const.

Propriétés

Voici les propriétés de const variable:

1. La variable définie à l'aide du mot-clé const ne peut pas être réaffectée ou sa valeur ne peut pas être modifiée.
2. La variable const doit être initialisée au moment de la déclaration avec le nom de la variable, par exemple : const x = 6 ;
3. Vous ne pouvez pas fournir la valeur à la variable après la déclaration.
4. La valeur de la variable const ne peut pas être modifiée.
5. Le const la variable a une portée de bloc. Cela signifie qu'une variable const au sein du même programme peut être réaffectée sous le même nom et avoir des valeurs différentes dans différents blocs.
6. Une variable const ne peut pas être hissée, ce qui signifie qu'une variable déclarée/initialisée à l'aide de était le mot-clé ne peut pas être réaffecté à l'aide de const .
7. En JavaScript, const permet de modifier uniquement la valeur du tableau, mais la référence au tableau ne peut pas être modifiée.
8. La variable const crée uniquement une référence à la valeur.
9. Les propriétés d'un objet peuvent être modifiées, mais la référence à un objet ne peut pas être modifiée.

Exemples

Ici, nous avons quelques exemples pour expliquer pratiquement différentes propriétés.

Exemple 1: A l'aide de cet exemple, vous verrez que le la variable const ne peut pas être réaffectée .

Copier le code

 const x = 16; x = 23; //Type Error  

Sortir

Cela générera un erreur-type car il n'est pas possible de réaffecter la valeur à une variable constante.

 JavaScript error: Uncaught TypeError: Assignment to constant variable. on line 3  

Exemple 2 : Dans cet exemple, vous apprendrez que le La variable const contient la portée du bloc .

Copier le code

 const x = 16; { const x = 23; document.write(&apos;Block2: x = &apos; + x); //23 { const x = 74; document.write( &apos; <br> Block3: x = &apos; + x); //74 } { const x = 49; document.write(&apos; <br> Block4: x = &apos; + x); //49 } } document.write(&apos; <br> Block1: x = &apos; + x); //16  

Sortir

Il n'y aura aucune erreur en exécutant le code ci-dessus. Il imprimera simplement la valeur de x de différents blocs sans aucune erreur de syntaxe ou de type.

 Block2: x = 23 Block3: x = 74 Block4: x = 49 Block1: x = 16  

Exemple 3 : Cet exemple décrira que le la variable const ne peut pas être levée .

Copier le code

 x = 16; document.write(x); const x; //Syntax Error  

Sortir

Cela générera un erreur de syntaxe car la redéclaration d'une variable n'est pas autorisée.

 JavaScript error: Uncaught SyntaxError: Missing initializer in const declaration on line 4  

Exemple 4 : Cet exemple vous montrera que le la variable const ne peut pas être initialisée après la déclaration .

Copier le code

 const x; x = 18; //Syntax Error document.write(x);  

Sortir

Cela générera un erreur de syntaxe car l'initialisation n'est pas autorisée après la déclaration de la variable const.

 JavaScript error: Uncaught SyntaxError: Missing initializer in const declaration on line 2  

Exemple 5 : Dans Javascript , const vous permet de modifier uniquement la valeur du tableau, mais la référence au tableau ne peut pas être modifiée.

Copier le code

 // initilize an const array const nameArray = [&apos; Aparna&apos;, &apos; Manya&apos;, &apos; Amayra&apos;, &apos; Jahnavi&apos;]; //display the value of array document.write(nameArray.toString()); document.write(&apos;<br> <br>&apos;); //change the value of array at index 2 nameArray [1] = &apos; Krishna&apos;; // possible //Again, display the array with new values document.write(nameArray.toString());  

Sortir

Ici, vous pouvez voir le Adultes le nom a été remplacé par Krishna . Bien que le tableau ait été déclaré en utilisant const mot-clé. Ainsi, il affichera toutes les valeurs du tableau sans aucune erreur à chaque fois.

 Aparna, Manya, Amayra, Jahanvi Aparna, Krishna, Amayra, Jahanvi  

Exemple 6 : Dans cet exemple, nous allons vous montrer que la valeur de la variable const ne peut pas être changée ou modifiée.

Copier le code

 //declare and initialize an array of const const employee = { fname: 'Annie', lname: 'Roy', age: 22, profession: 'Web Developer' }; document.write(employee); // This can be done with const array employee.fname = 'Emmy'; employee.lname = 'Jackson'; employee.Age = 24; employee.profession = 'QA Analyst'; document.write(employee); // This cannot be possible with const array /* const employee = { 'fname': 'Emmy', 'lname': 'Jackson', 'age': 24, 'profession': 'QA Analyst' } */  

Sortir

Ici, vous pouvez voir que vous ne pouvez pas réinitialiser les valeurs d'objet sous le même nom, mais que les valeurs d'objet peuvent être modifiées en utilisant leur référence.

 [object object] [object object]