Различия type и interface в TypeScript

🟢 Общее

Оба используются для описания структуры объектов, функций, массивов, союзов, и так далее:

type User = {
 name: string;
 age: number;
};


interface IUser {
 name: string;
 age: number;
}

✅ Расширение

interface Animal {
 name: string;
}


interface Dog extends Animal {
 bark(): void;
}


// type
type AnimalType = {
 name: string;
};


type DogType = AnimalType & {
bark(): void;
};

✅ Объединение (только для interface)

Такое нельзя сделать с type, будет ошибка Duplicate identifier.

interface User {
 name: string;
}


interface User {
 age: number;
}


// Итог:
const user: User = {
 name: "Tom",
 age: 30,
};

✅ Объединения и кортежи (только type)

type Status = "success" | "error"; // union

type Point = [number, number]; // tuple

🧠 Рекомендации

• Используй interface, если описываешь структуру объекта или класса.

• Используй type, если:

- нужно описать объединения (|)

- нужно делать пересечения (&)

- описываешь примитивы, массивы, функции, кортежи

Anastasiia Berest

Senior Web UI Engineer

I'm a web development passionate about creating meaningful digital experiences.