Introdução aos tipos de interseção e união

Os tipos de interseção e união no TypeScript permitem combinar ou criar tipos flexíveis, oferecendo uma maneira poderosa de definir estruturas de dados complexas.

O que são tipos de união?

Os tipos de união permitem que um valor seja de um entre vários tipos. Você pode definir um tipo de união usando o operador |.

Exemplo de tipos de união

Veja um exemplo de uso de um tipo de união:

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

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

O que são tipos de interseção?

Os tipos de interseção combinam vários tipos em um só, exigindo que o tipo combinado tenha todas as propriedades dos tipos em interseção.

Exemplo de tipos de interseção

Veja um exemplo de uso de um tipo de interseção:

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'
};

Diferenças entre tipos de união e interseção

Os tipos de união permitem que os valores sejam de vários tipos possíveis, enquanto os tipos de interseção combinam vários tipos em um só, exigindo que todas as propriedades estejam presentes.

Casos de uso práticos

Os tipos de união são excelentes para lidar com vários tipos de entrada, enquanto os tipos de interseção são ideais para combinar várias funções ou recursos em um único tipo.

Tarefa prática

Crie um tipo que combine um tipo Product com um tipo Discount usando tipos de interseção. Use-o para declarar uma variável.

Parabéns!

Você aprendeu a usar tipos de união e interseção para definir tipos flexíveis e combinados no TypeScript. Pratique esses conceitos para tornar seu código mais robusto e seguro quanto aos tipos!