¿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
Propiedades opcionales (?)
En esta lección marcarás propiedades que pueden faltar, sin que eso rompa el tipo.
Poner ? tras el nombre —apodo?: string— significa «esta propiedad puede estar o no». Su tipo pasa a ser string | undefined, así que TypeScript te obliga a comprobar antes de usarla.
El código de ejemplo muestra el apodo entre paréntesis solo cuando existe, usando el operador ternario. Fíjate en que ambas llamadas son válidas: una con apodo y otra sin él.
Justo esa obligación de comprobar es lo valioso: si intentas usar la propiedad opcional directamente, el compilador te frena. Es la forma en que TypeScript previene el clásico error de leer algo que vale undefined.
En el trabajo real, casi cualquier respuesta de una API tiene campos opcionales. Marcarlos correctamente evita que la aplicación se rompa el día que el servidor omite uno.
🧪 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).