¿Cómo funcionan las constantes en JavaScript?

Terminamos la parte básica del curso con las constantes de JavaScript. Por supuesto, esto no termina aquí, en el siguiente capítulo empieza el curso de nivel medio.

¿Qué son las constantes en JavaScript?

Las constantes son contenedores como las variables que hemos visto hasta ahora, con la gran diferencia de que lo que almacenemos una vez en ellas, queda ahí, no va a cambiar. No se pueden redeclarar.

Como dato importante, debemos tener en cuenta los alcances. Una constante tiene alcance de bloque como let.

Como declarar constantes en JavaScript

Empecemos con una simple declaración de constante. Para ello utilizaremos la palabra const.

Por convención, las constantes se escriben en SNAKE_CASE y en mayúsculas. Si lo haces en minúsculas o sin los guiones bajos no hay problema, pero es mejor que sigas siempre las convenciones para facilitar la lectura del código.

const PRIMERA_CONSTANTE = "Este texto no puede cambiar.";

console.log(PRIMERA_CONSTANTE);

Hasta aquí, el funcionamiento es como el de una variable normal. Podemos declararla, inicializarla y llamarla.

Este texto no puede cambiar.

La diferencia está en que no se puede reasignar un valor:

const PRIMERA_CONSTANTE = "Este texto no puede cambiar.";

PRIMERA_CONSTANTE = "Intentando reasignar un valor...";

El resultado de este intento de reasignación es fallido. Me devuelve un TypeError en la tercera línea.

 Uncaught TypeError: Assignment to constant variable at line 3.

Por otro lado, si intentas redeclararla, fallarás en el intento con un error diferente.

const PRIMERA_CONSTANTE = "Este texto no puede cambiar.";

const PRIMERA_CONSTANTE = "Intentando reasignar un valor...";

Esta vez, el error es de sintaxis. Nos indica que PRIMERA_CONSTANTE ya está declarada.

 Uncaught SyntaxError: Identifier 'PRIMERA_CONSTANTE' has already been declared at line 3.

¿Cuándo utilizar las constantes en JavaScript?

Las constantes las podemos utilizar en datos que sepamos que no van a cambiar o que no queremos que sean modificados. Un ejemplo puede ser el número de la constante PI const PI = 3.1415926535897932, el cual es siempre el mismo, por eso se llama constante PI.

El alcance o ámbito de las constantes en JavaScript

function funcion_constante() {
	const ALCANCE = "Dentro de la función.";
	console.log(ALCANCE);
}

funcion_constante();

const ALCANCE = "Fuera de la función.";
console.log(ALCANCE);

if (true) {
	const ALCANCE = "Dentro del if.";
	console.log(ALCANCE);
}

Dentro de la función.
Fuera de la función.
Dentro del if.

Las constantes no pueden tener el mismo nombre que alguna función o variable dentro del mismo ámbito.

let ALCANCE = "Variable";
const ALCANCE = "Constante";

  Uncaught SyntaxError: Identifier 'ALCANCE' has already been declared at line 2.

Constantes sin inicializar

Las constantes deben ser siempre inicializadas en su declaración. Si lo piensas, es lógico ya que no está permitida su reasignación de valores posteriormente.

Probemos dejando una constante solo declarada:

const VACIA;

Lanza un SyntaxError que dice que falta el inicializador en una declaración const.

  Uncaught SyntaxError: Missing initializer in const declaration at line 1.

Hasta aquí esta primera parte del curso. Terminamos la parte básica para empezar con el nivel medio en el siguiente capítulo.

Ejercicios de JavaScript

64. Verdadero o falso. Las constantes no se pueden redeclarar.
65. Verdadero o falso. Las constantes dan error si se escriben en minúsculas.
66. Verdadero o falso. Las constantes siempre se tienen que inicializar en la misma sentencia que su declaración.

La solución la encontrarás aquí: Ejercicios resueltos de JavaScript.