logo

Constante de JavaScript

ES6 introdujo el constante palabra clave, que se utiliza para definir una nueva variable en JavaScript. Generalmente, el era La palabra clave se utiliza para declarar una variable de JavaScript. constante es otra palabra clave para declarar una variable cuando no desea cambiar el valor de esa variable para todo el programa.

La diferencia es simplemente que var es para una declaración de variable normal cuyo valor se puede cambiar, mientras que un valor de variable declarado usando la palabra clave const no se puede cambiar.

Declaración/inicialización de variable constante

A continuación se muestra la sintaxis o el código simple para la declaración e inicialización de variables constantes.

Copiar código

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

Producción

Mostrará el valor de la variable constante x sin ningún error.

 The value of const variable x = 16 

Ahora, discutiremos algunas propiedades de las variables definidas usando const.

Propiedades

A continuación se presentan las propiedades de constante variable:

  1. La variable definida usando la palabra clave const no se puede reasignar o su valor no se puede cambiar.
  2. La variable constante debe inicializarse en el momento de la declaración con el nombre de la variable, por ejemplo, constante x=6;
  3. No puede proporcionar el valor a la variable después de la declaración.
  4. El valor de la variable constante no se puede cambiar.
  5. El constante La variable tiene alcance de bloque. Esto significa que una variable constante dentro del mismo programa puede reasignarse con el mismo nombre y tener diferentes valores en diferentes bloques.
  6. Una variable constante no se puede elevar, lo que significa que una variable declarada/inicializada usando era La palabra clave no se puede reasignar usando constante .
  7. En JavaScript, const le permite modificar solo el valor de la matriz, pero la referencia a la matriz no se puede cambiar.
  8. La variable constante crea solo una referencia al valor.
  9. Las propiedades del objeto se pueden cambiar, pero la referencia a un objeto no se puede cambiar.

Ejemplos

Aquí tenemos algunos ejemplos para la explicación práctica de diferentes propiedades.

Ejemplo 1: Con la ayuda de este ejemplo, verá que el la variable constante no se puede reasignar .

Copiar código

variables globales js
 const x = 16; x = 23; //Type Error 
Pruébalo ahora

Producción

Generará un error de tecleado porque no es posible reasignar el valor a una variable constante.

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

Ejemplo 2: En este ejemplo, aprenderá que el La variable constante contiene el alcance del bloque. .

Copiar código

 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 
Pruébalo ahora

Producción

No habrá ningún error al ejecutar el código anterior. Simplemente imprimirá el valor de x de diferentes bloques sin ningún error de sintaxis o tipo.

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

Ejemplo 3: Este ejemplo describirá que el la variable constante no se puede elevar .

Copiar código

 x = 16; document.write(x); const x; //Syntax Error 
Pruébalo ahora

Producción

Generará un error de sintaxis porque no se permite la redeclaración de una variable.

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

Ejemplo 4: Este ejemplo le mostrará que el La variable constante no se puede inicializar después de la declaración. .

Copiar código

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

Producción

Generará un error de sintaxis porque la inicialización no está permitida después de la declaración de la variable constante.

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

Ejemplo 5: En javascript , const le permite modificar solo el valor de la matriz, pero la referencia a la matriz no se puede cambiar.

Copiar código

cadena dividida java por delimitador
 // 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()); 

Producción

Aquí puedes ver el Adultos nombre ha sido reemplazado por krishna . Aunque la matriz fue declarada usando constante palabra clave. Entonces, mostrará todos los valores de la matriz sin ningún error en ambas ocasiones.

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

Ejemplo 6: En este ejemplo, le mostraremos que el valor de la variable constante no se puede cambiar ni modificar.

Copiar código

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

Producción

Aquí puede ver que no puede reinicializar los valores del objeto con el mismo nombre, pero los valores del objeto se pueden cambiar utilizando su referencia.

 [object object] [object object]