Интерфейсы vs Типы в TypeScript

По состоянию на TypeScript 3.2 (ноябрь 2018 года) следующие утверждения верны:

⚠️ В некоторых случаях.

Примеры с Типами:

// создаем структуру дерева для объекта. Это невозможно сделать с помощью интерфейса из-за отсутствия пересечений (&)

type Tree<T> = T & { parent: Tree<T> };

// тип для ограничения переменной только несколькими значениями. У интерфейсов нет объединений (|)

type Choice = "A" | "B" | "C";

// благодаря типам вы можете объявить тип NonNullable с помощью условного механизма.

type NonNullable<T> = T extends null | undefined ? never : T;

Примеры с Интерфейсами:

// вы можете использовать интерфейс для ООП и использовать 'implements' для определения структуры объекта/класса

interface IUser {
    user: string;
    password: string;
    login: (user: string, password: string) => boolean;
}

class User implements IUser {
    user = "user1";
    password = "password1";

    login(user: string, password: string) {
        return (this.user === user && this.password === password);
    }
}

// вы можете расширять интерфейсы другими интерфейсами

interface IMyObject {
    label: string;
}

interface IMyObjectWithSize extends IMyObject {
    size?: number;
}

В TypeScript предпочтительнее использовать "interface" вместо "type" по нескольким причинам:

1. Псевдонимы типов: "type" используется для создания псевдонимов типов. Это невозможно сделать с помощью "interface".

   type Data = string;
   

   Теперь вместо использования string вы можете использовать "Data":

   const name: string = "Yilmaz";
   const name: Data = "Yilmaz";
   

   Псевдонимы типов очень полезны, особенно при работе с обобщёнными типами.

2. Слияние деклараций: Вы можете объединять интерфейсы, но не типы.

   interface Person {
       name: string;
   }
   
   interface Person {
       age: number;
   }
   
   // Здесь необходимо предоставить свойства для обоих интерфейсов
   const me: Person = {
       name: "Yilmaz",
       age: 30
   };
   

3. Предпочтения в программировании: Пользователи функционального программирования чаще используют "type", в то время как пользователи объектно-ориентированного программирования выбирают "interface".

4. Вычисляемые свойства: Вы не можете иметь вычисляемые или рассчитанные свойства в интерфейсах, но это возможно с типами.

   type Fullname = "firstname" | "lastname";
   
   type Person = {
       [key in Fullname]: string;
   };
   
   const me: Person = {
       firstname: "Yilmaz",
       lastname: "Bingol"
   };
   

В общем, если у вас есть возможность выбора, рекомендуется использовать "interface", так как они предлагают больше возможностей и гибкости в типизации.