В Typescript, в чем разница между типом и интерфейсом?

В чем разница между следующими?

type Foo = { 
    foo: string 
};
interface Foo {
   foo: string;
}

Возможности расширения интерфейсов

interface A {
  x: number;
}
interface B extends A {
  y: string;
}

а также дополнен

interface C {
  m: boolean;
}
// ... later ...
interface C {
  n: number;
}

Псевдонимы типов, однако, могут представлять то, что интерфейсы не могут

type NumOrStr = number | string;
type NeatAndCool = Neat & Cool;
type JustSomeOtherName = SomeType;

В общем, если у вас есть простой тип объекта, как показано в вашем вопросе, интерфейс обычно является лучшим подходом. Если вы обнаружите, что хотите написать что-то, что не может быть написано как интерфейс, или хотите просто дать чему-то другое имя, лучше использовать псевдоним типа.

Также может быть реализован интерфейс .

Типы похожи на интерфейсы и наоборот: оба могут быть реализованы классом. но есть некоторые важные отличия: 1. Когда Тип реализуется классом, свойства, принадлежащие Типу, должны быть инициализированы внутри класса, тогда как с Интерфейсом они должны быть объявлены. 2. как упомянул @ryan: интерфейс может расширять другой интерфейс. Типы не могут.

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

// must initialize all props - unlike interface
class Manager implements Person {
    name: string = 'John';
    age: number = 55;

    // can add props and methods
    size:string = 'm';
}

const jane : Person = {
    name :'Jane',
    age:46,

    // cannot add more proprs or methods
    //size:'s'
}

Различия между ними тоже уже в этой теме.

type Foo = {
    foo: string
};
interface Foo {
    foo: string;
}

Здесь type Fooи interface Fooвыглядит почти одинаково, так что это сбивает с толку.

interfaceэто договор, что следующие свойства (здесь foo:string) должны быть в объекте. interfaceнет class. Он используется, когда язык не поддерживает множественное наследование. Так interfaceможет быть общая структура между разными классами.

class Bar implements Foo {
    foo: string;
}

let p: Foo = { foo: 'a string' };

Но typeи interfaceиспользуются в совсем другом контексте.

let foo: Foo;
let today: Date = new Date();

Вот typeиз fooэто Fooи todayесть Date. Это похоже на удаление переменной, которое содержит информацию о типе другой переменной. typeпохож на надмножество интерфейсов, классов, сигнатуры функции, других типов или даже значений (например type mood = 'Good' | 'Bad'). В конце typeописывается возможная структура или значение переменной.

Неправильно говорить «Интерфейсы могут быть реализованы», поскольку типы также могут быть реализованы

type A = { a: string };


class Test implements A {

    a: string;
}

Хотя вы можете это сделать, вы не можете реализовать тип, который является объединением типов, что, честно говоря, имеет смысл :)

Тип в машинописном тексте используется для ссылки на уже существующие типы . Не может быть продлен вроде interface. Примеры type:

type Money = number;
type FormElem = React.FormEvent<HTMLFormElement>;
type Person = [string, number, number];

вы можете использовать Rest и Spread в типах:

type Scores = [string, ...number[]];
let ganeshScore = ["Ganesh", 10, 20, 30]
let binodScore = ["Binod", 10, 20, 30, 40]

Интерфейс, с другой стороны, позволяет вам создать НОВЫЙ ТИП.

interface Person{
  name: string,
  age: number, 
}

Interface can be extended with extends keyword.
interface Todo{
  text: string;
  complete: boolean;
}

type Tags = [string, string, string]

interface TaggedTodo extends Todo{
 tags: Tags
}