Чем отличаются interface и type в TypeScript и когда их использовать?

Отличия interface и type в TypeScript

• Оба инструмента описывают структуры типов и используются на этапе компиляции
• interface применяют для задания формата объектов и классов; он поддерживает расширение (extends, implements)
• type обладает более широким назначением: с его помощью описывают примитивы, объединения, кортежи, алиасы типов
• Один и тот же interface можно объявить несколько раз, поскольку поддерживается декларативное слияние; для type это невозможно
• Конструкция type поддерживает операторы объединения (|), пересечения (&)
• Для объектно-ориентированного подхода и проектирования API чаще выбирают interface
• type удобнее применять при композиции типов и создании сложных выражений

Итог: interface используют для расширяемых контрактов объектов, а type — как универсальный инструмент для гибкого описания сложных типов.

Подробный ответ

Основной ответ

В TypeScript различие между interface и type прежде всего связано с их назначением и набором возможностей. interface описывает контракт объектов, классов и структур данных, тогда как type представляет собой универсальный способ создания алиасов типов — от примитивов до объединений, пересечений, кортежей и более сложных композиций.

Ключевые моменты

• Расширение и декларативное слияние: интерфейсы поддерживают декларативное слияние (declaration merging). Это означает, что несколько объявлений одного interface объединяются компилятором в единое описание; такая возможность полезна при расширении внешних типов. Для type подобный механизм не предусмотрен.
• Возможности type: конструкция type позволяет задавать объединённые типы (union), пересечения (intersection), кортежи, условные типы и другие продвинутые шаблоны типизации, недоступные для интерфейсов.
• Сравнительная читаемость и семантика: interface обычно выбирают для описания структуры классов и публичных API, поскольку он делает контракт более явным, а type — для сложных и вычисляемых типов.

Практический контекст

В современных проектах interface часто применяют для описания внешних API и объектов, которым нужна расширяемость, например типов props в React-компонентах. type используют для составных типов, объединений, опциональной и условной логики. В React 18 и более новых версиях распространён комбинированный подход: interface используют для деклараций, а type — для объединения типов.