¿Ya dominas lo básico? Un curso estructurado de TypeScript es la vía rápida para dar el salto.
Ver cursos de TypeScript en UdemyEnlace de afiliado. No te cuesta nada extra.
- 01Preparar el entorno (lo que necesitas)
- 02Tu primera salida (console.log)
- 03Variables y anotaciones de tipo (number/string/boolean)
- 04Tipos de array
- 05Tipos en funciones (parámetros y valor devuelto)
- 06Parámetros opcionales y valores por defecto
- 07Interfaces (interface)
- 08Propiedades opcionales (?)
- 09Alias de tipo (type)
- 10Tipos unión
- 11Tipos literales
- 12enum (tipos enumerados)
- 13Clases y tipos
- 14Herencia (extends) e implementar una interfaz (implements)
- 15Genéricos (<T>)
- 16Tipos tupla
- 17Los tipos any y unknown
- 18Aserciones de tipo (as)
- 19El modificador readonly
- 20[Aplicado] Construye un mini sistema de inventario
Tipos literales
En esta lección restringirás una variable a un conjunto cerrado de valores concretos.
Un tipo literal no es «cualquier texto», sino exactamente ese texto: type Talla = "small" | "medium" | "large" solo admite esos tres. Cualquier otro valor da error al compilar.
El código de ejemplo asocia un precio a cada talla usando Record, que exige que estén cubiertas todas las opciones. Prueba a pasar "XL" y verás el aviso.
Lo que se agradece con el tiempo es que el editor te autocompleta los valores válidos. Ya no hay que recordar si era «medium» o «middle»: el editor lo sabe.
En proyectos reales, los tipos literales sustituyen a las cadenas sueltas repartidas por el código («pending», «active», «deleted»), que son una fuente clásica de erratas silenciosas.
🧪 Este sitio no puede compilar ni ejecutar TypeScript directamente, así que comprueba al instante si lo que escribiste coincide con el código de referencia (la corrección ocurre por completo en tu navegador; no se envía nada a ningún servidor).