Aliases de tipo versus interfaces

No TypeScript, podemos definir a estrutura de objetos complexos de duas maneiras principais: usando Interfaces (interface) ou Apelidos de tipo (type). Ambos servem para descrever a "forma" de um objeto ou estrutura de dados, mas apresentam algumas diferenças fundamentais.

Interfaces (interface)

Uma interface define um contrato para a estrutura de um objeto. É a ferramenta padrão para descrever formas de objetos e APIs públicas de forma extensível.

interface Book {
  title: string;
  pages: number;
  author?: string; // Optional property (can be omitted)
}

const myBook: Book = {
  title: 'The Lord of the Rings',
  pages: 1200,
};

O ponto de interrogação (?) marca uma propriedade como opcional. O objeto myBook é válido mesmo se omitir a propriedade author.

Aliases de tipo (type)

Um alias de tipo permite associar um novo nome a qualquer tipo existente, incluindo tipos primitivos, uniões, tuplas ou estruturas de objetos inteiras.

type Point = {
  x: number;
  y: number;
};

const coordinates: Point = { x: 10, y: 20 };

Principais diferenças: fusão de extensão e declaração

Embora interface e type sejam intercambiáveis ​​para a maioria dos casos de uso comuns, eles apresentam duas diferenças críticas:

1. Extensibilidade (herança)

As interfaces são estendidas usando a palavra-chave extends:

interface User {
  username: string;
}

interface Admin extends User {
  privileges: string[];
}

Os aliases de tipo não podem ser estendidos usando extends, mas podem ser combinados usando o operador intersection (&):

type User = {
  username: string;
};

type Admin = User & {
  privileges: string[];
};

2. Fusão de declarações

Várias interfaces com o mesmo nome no mesmo escopo são mescladas automaticamente pelo compilador:

interface User {
  name: string;
}
interface User {
  email: string;
}
// Now User has both 'name' and 'email'!

Este comportamento não é suportado por aliases de tipo: declarar o mesmo type duas vezes irá acionar um erro em tempo de compilação.

Experimente você mesmo

Exercício 1: Interface do usuário

Exercício 2: Alias ​​do tipo Point2D

Exercício 3: Estendendo Interfaces

Exercício 4: Configuração do Servidor