¿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
Alias de tipo (type)
En esta lección le pondrás nombre a un tipo para no repetirlo por todas partes.
type Punto = { x: number; y: number } crea un alias reutilizable. Se parece a interface, pero type además puede dar nombre a uniones, tuplas y tipos primitivos, no solo a objetos.
El código de ejemplo define un punto de dos coordenadas y calcula la distancia entre dos de ellos. El tipo aparece tres veces sin tener que reescribir su estructura.
La duda inevitable es cuándo usar type y cuándo interface. Regla práctica: interface para describir objetos que otras clases puedan implementar o extender, y type para todo lo demás, en especial las uniones.
En proyectos reales, dar nombre a los tipos que se repiten es lo que mantiene el código legible. Ver Punto comunica mucho más que ver { x: number; y: number } otra vez.
🧪 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).