Псевдоніми типів проти інтерфейсів

У TypeScript ми можемо визначити структуру складних об’єктів двома основними способами: за допомогою Інтерфейсів (interface) або Псевдонімів типів (type). Обидва служать для опису "форми" об'єкта або структури даних, але вони мають кілька фундаментальних відмінностей.

Інтерфейси (interface)

Інтерфейс визначає контракт для структури об’єкта. Це стандартний інструмент для опису форм об’єктів і публічних API розширюваним способом.

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

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

Знак питання (?) позначає властивість як необов’язкову. Об’єкт myBook дійсний, навіть якщо в ньому відсутні властивості author.

Псевдоніми типів (type)

Псевдонім типу дозволяє асоціювати нове ім’я з будь-яким існуючим типом, включаючи примітивні типи, об’єднання, кортежі або цілі структури об’єктів.

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

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

Основні відмінності: злиття розширення та оголошення

Хоча interface та type взаємозамінні для більшості звичайних випадків використання, вони демонструють дві критичні відмінності:

1. Розширюваність (успадкування)

Інтерфейси розширено за допомогою ключового слова extends:

interface User {
  username: string;
}

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

Псевдоніми типів не можна розширити за допомогою extends, але їх можна поєднати за допомогою оператора перетину (&):

type User = {
  username: string;
};

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

2. Об'єднання декларацій

Кілька інтерфейсів з однаковою назвою в одній області автоматично об’єднуються компілятором:

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

Ця поведінка не підтримується псевдонімами типів: оголошення того самого type двічі викличе помилку під час компіляції.

Спробуйте самі

Вправа 1: Інтерфейс користувача

Вправа 2: Псевдонім типу Point2D

Вправа 3: Розширення інтерфейсів

Вправа 4: Конфігурація сервера