Qué son y cómo usar constantes en JavaScript

Una constante en JavaScript es una variable que no puede ser reasignada después de su inicialización.

Esto significa que una vez que se ha asignado un valor a una constante, ese valor no podemos cambiarla la ejecución del programa. Esto evita posibles meteduras de pata y mejora la mantenibilidad del código.

En JavaScript, la declaración de constantes se realiza mediante la palabra clave const, que se introdujo en ECMAScript 6 (2015).

Declaración de constantes

La sintaxis básica para declarar una constante en JavaScript es la siguiente:

const NOMBRE_CONSTANTE = valor;

Por ejemplo,

const PI = 3.14159;
const URL_API = "https://api.ejemplo.com/datos";

En estos ejemplos,

• PI y URL_API son constantes
• Si intentamos reasignar un nuevo valor a estas constantes generará un error

Uso de constantes con tipos primitivos

Las constantes se pueden utilizar con cualquier tipo primitivo en JavaScript (como números, cadenas de texto, booleanos).

const MAX_USUARIOS = 100;
const MENSAJE_BIENVENIDA = "Bienvenido al curso de JavaScript";
const ES_ADMIN = true;

Uso de constantes con objetos y Arrays

Aunque su nombre lleva a error, no hay que confundir constante con inmutable. const garantiza que el valor de una variable no se pueda cambiar después de su asignación.

Pero, si la variable es una referencia (como un objeto o un array) las propiedades o los elementos de ese objeto o array sí pueden ser modificados.

Vamos a verlo con un ejemplo,

const usuario = {
  nombre: "Juan",
  edad: 30
};

// Intentar reasignar el objeto
usuario = { nombre: "María", edad: 25 }; // Esto generará un error

// Modificar una propiedad
usuario.edad = 31; // Esto es válido

En el ejemplo,

• NO podemos reasignar el objeto usuario porque es constante
• Pero NADA IMPIDE que podamos modificar sus miembros.

De forma similar, en un array

const numeros = [1, 2, 3, 4, 5];

// Intentar reasignar el array
numeros = [10, 20, 30]; // Esto generará un error

// Modificar un elemento
numeros[0] = 10; // Esto es válido

// Agregar un nuevo elemento
numeros.push(6); // Esto es válido

• NO podemos reasignar reasignar el objeto numero
• Pero NADA IMPIDE que podamos modificar sus elementos

Constantes en el contexto de bloque

Las constantes, al igual que las variables declaradas con let, tienen un alcance de bloque. Esto significa que una constante solo está disponible dentro del bloque en el que se declara.

if (true) {
  const MENSAJE = "Hola Mundo";
  console.log(MENSAJE); // "Hola Mundo"
}
console.log(MENSAJE); // Error: MENSAJE no está definido

Además, también están sujetas a la TDZ (Temporal Dead Zone). Esto significa que no pueden ser accedidas antes de su declaración en el código.

console.log(SALUDO); // Error: Cannot access 'SALUDO' before initialization
const SALUDO = "Hola";