In Typescript, qual è la differenza tra tipo e interfaccia?

Question

Quali sono le differenze tra quanto segue?

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

Answer 1

interfacce possono essere estese

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

e anche augmented

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

alias tipo, tuttavia, può rappresentare alcune cose interfacce non possono

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

Quindi, in generale, se si dispone solo di un tipo di oggetto semplice, come mostrato nella domanda, un'interfaccia di solito è un approccio migliore. Se ti senti di voler scrivere qualcosa che non può essere scritto come un'interfaccia, o vuoi semplicemente dare qualcosa a un nome diverso, un alias di tipo è meglio.

Answer 2

La specifica ha una buona discussione - https://github.com/Microsoft/TypeScript/blob/master/doc/spec.md#3.10

Answer 3

Inoltre, un'interfaccia può essere implementato .

Answer 4

I tipi sono come le interfacce e viceversa: entrambi possono essere implementati da una classe. ma ci sono alcune importanti differenze: 1. quando Type è implementato da una classe, le proprietà che appartengono al Type devono essere inizializzate all'interno della classe, mentre con Interface devono essere dichiarate. 2. come @ryan menzionato: l'interfaccia può estendere un'altra interfaccia. I tipi non possono.

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' 
}