AD

¿Ya dominas lo básico? Un curso estructurado de JavaScript es la vía rápida para dar el salto.

Ver cursos de JavaScript en Udemy

Enlace de afiliado. No te cuesta nada extra.

🟨Lecciones de JavaScript
Lección 42 / 69

Fundamentos de los Enum (tipos enumerados)

En esta lección aprenderás a reproducir un Enum (tipo enumerado) en JavaScript para manejar con seguridad un conjunto fijo de opciones. Está dirigida a quien busca «cómo escribir un Enum en JavaScript» o «uso de Object.freeze en JavaScript».

JavaScript no tiene una sintaxis dedicada para los Enum, pero puedes reproducir un «tipo enumerado» que representa un conjunto fijo de opciones creando con Object.freeze() un objeto que no se puede modificar. Se usa cuando quieres limitar de antemano las variantes de un valor, como «un semáforo solo tiene rojo, verde y ámbar». Usar constantes con nombre transmite la intención con más claridad que repartir cadenas o números sueltos por el código (los llamados «números mágicos»).

El código de ejemplo congela con Object.freeze() un objeto llamado Color, con solo tres opciones: RED, GREEN y AZUL. Puedes sacar un valor con Color.RED y obtener todas las opciones como array con Object.values(Color).

Un tropiezo habitual al empezar es montar el Enum como un objeto normal, sin Object.freeze(), lo que permite cambiar sus valores después. Para proteger la intención de «conjunto fijo de opciones» hay que congelarlo siempre. Esto también previene erratas, siendo más seguro que escribir cadenas sueltas por todas partes.

En el desarrollo real esta idea se usa para valores con «solo unas variantes fijas», como el estado de un pedido (en proceso, enviado, completado) o el nivel de permisos de un usuario. En un lenguaje llamado TypeScript, el Enum viene como función estándar: otra opción que conviene conocer si buscas una seguridad de tipos más rigurosa.

JavaScript
SALIDA

💡 Todo lo que pases a console.log() aparece en la salida de abajo.

Espacio publicitario (banner)
Espacio publicitario (en el artículo)