Las constantes - Curso de JavaScript de cero a máster - Capítulo 30

Terminamos el curso básico 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.

Código JavaScript

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

console.log(PRIMERA_CONSTANTE);

terminal Resultado en la consola terminal

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:

Código JavaScript

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

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

terminal Resultado en la consola terminal

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.

Código JavaScript

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

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

terminal Resultado en la consola terminal

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);
}

terminal Resultado en la consola terminal

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.

Código JavaScript

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

terminal Resultado en la consola terminal

 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:

Código JavaScript

const VACIA;

terminal Resultado en la consola terminal

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

  1. Verdadero o falso. Las constantes no se pueden redeclarar.
  2. Verdadero o falso. Las constantes dan error si se escriben en minúsculas.
  3. 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í: Haz click aquí.


Capítulos


    Suscríbete a mi canal de YouTube para apoyarme

    Si te ha gustado este curso y crees que el trabajo merece la pena, te agradeceré eternamente que te suscribas a mi canal de YouTube para apoyarme y que pueda seguir haciendo cursos gratuitos.

    Además, si te encanta la programación, tienes un montón más de cursos gratuitos para ver.

    No solo eso, podrás participar enviándome comentarios con tus sugerencias para temas específicos o cursos completos o incluso las dudas que tengas y las intentaré ir resolviendo en los cursos que estén todavía abiertos.


    Comentarios

    Si te quedan dudas sobre el temario, sobre JavaScript, o cualquier otra cosa relacionada o simplemente quieres agradecer, aquí tienes tu sitio para dejar tu granito de arena. Gracias por tus comentarios y por darle vida a este sitio web.