В чем отличие type и interface. В каких случаях что использовать?

Question

[Макс Жуков]

В чем отличие type и interface. В каких случаях что использовать?
В гугле не совсем понятно мне.

Answer 1

[m019m1]

Comments

[PxlFxr]

Если вдруг кто придет сюда в 2020 - эта таблица вредная, ищите другую. Про "способности" тут ваще огонь. В каких-то моментах типы могут больше, чем интерфейсы. https://stackoverflow.com/questions/37233735/types...

Answer 2

[Evgeny Maltsev]

Привет! Грубо говоря, интерфейс лишь описывает функциональность. А класс, который реализует этот интерфейс, должен конкретно функциональность определить. Например:

interface IVegetable {
    name: string;
    getCalories(): number;
}

А конкретный класс:

class Tomato implements IVegetable {
    name: string = 'Tomato';
    getCalories() {
       return 18;
    }
}

Type - это лишь типизация какой-то переменной, как правило, нестандартной, Например, мы хотим определить тип, который будет описывать степень готовности стейков:
type SteakRoast = 'medium' | 'rare' | 'welldone';
Таким образом, мы можем присвоить переменной типа SteakRoast только эти предопределённые значения, а иначе Typescript заорёт из-за несоответствия типа.

Comments

[Макс Жуков]

Вроде к классу так же можно записать в implements тип, так же interface можно вроде бы записать как тип переменной.

[Evgeny Maltsev]

Вы путаете с extends. В классах extends используется для наследования.

[Topchy]

Вопрос про отличие type и interface. Алиас и Интерфейс
Ответ не соответствует вопросу

Answer 3

[Юрий Ефремочкин]

Полезные ссылки, где рассматривается тема отличий Интерфейсов (ключевое слово interface) и Псевдонимов типов (Type Aliases, ключевое слово type):

• habr.com/p/419993
  
• typescript-lang.ru/docs/Advanced%20Types.html#%D0%...
  
• stackoverflow.com/q/37233735
  
• typescriptlang.org/docs/handbook/advanced-types.ht...
  
• github.com/Microsoft/TypeScript/blob/master/doc/sp...
  

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

Answer 4

[Роман Яковлев]

Есть 2 главных различия между Type alias и Interface ( для версии TS 4.1.3).

1. Нельзя использовать implements, если присутствует оператор union.
type Box = Shape | Figure
class MyBox implements Box {} - ошибка...

2. Нельзя использовать одно имя для нескольких типов. Другими словами, нельзя расширить тип, а вот интерфейс можно ( и это может быть удобно, если нужно расширить интерфейс сторонней библиотеки).
type Box = {}
type Box= {x: number} - ошибка...

Answer 5

[Topchy]

Вот подробно, но на английском. Хотя по примерам всё понятно, но в тексте объяснены тонкие моменты.
Перевода пока не нашёл, у самого времени нет перевести
https://medium.com/@martin_hotell/interface-vs-typ...