Introducción a los tipos de intersección y unión

Los tipos de intersección y unión de TypeScript le permiten combinar tipos o crear tipos flexibles, lo que ofrece una forma eficaz de definir estructuras de datos complejas.

¿Qué son los tipos de unión?

Los tipos de unión permiten que un valor sea de uno entre varios tipos. Puede definir un tipo de unión mediante el operador |.

Ejemplo de tipos de unión

Este es un ejemplo del uso de un tipo de unión:

type Status = 'active' | 'inactive' | 'suspended';

let userStatus: Status;
userStatus = 'active'; // Valid
userStatus = 'pending'; // Error

¿Qué son los tipos de intersección?

Los tipos de intersección combinan varios tipos en uno solo, de modo que el tipo combinado debe tener todas las propiedades de los tipos intersectados.

Ejemplo de tipos de intersección

Este es un ejemplo del uso de un tipo de intersección:

type User = {
  name: string;
  email: string;
};

type Admin = {
  role: string;
};

type AdminUser = User & Admin;

const admin: AdminUser = {
  name: 'Alice',
  email: 'alice@example.com',
  role: 'admin'
};

Diferencias entre los tipos de unión e intersección

Los tipos de unión permiten que los valores sean de varios tipos posibles, mientras que los tipos de intersección combinan varios tipos en uno solo y requieren que estén presentes todas las propiedades.

Casos de uso prácticos

Los tipos de unión son ideales para gestionar varios tipos de entrada, mientras que los tipos de intersección resultan perfectos para combinar varios roles o características en un solo tipo.

Tarea práctica

Cree un tipo que combine un tipo Product con un tipo Discount mediante tipos de intersección. Úselo para declarar una variable.

¡Enhorabuena!

Ha aprendido a usar tipos de unión e intersección para definir tipos flexibles y combinados en TypeScript. ¡Practique estos conceptos para que su código sea más robusto y seguro en cuanto a tipos!