Typescriptでは、型とインターフェイスの違いは何ですか？

Question

次の違いは何ですか？

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

Answer 1

インタフェースは、は

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; 

できないいくつかのものを表すことができ

一般的に、あなたの質問に示されているように単純なオブジェクトタイプを持っているのであれば、インターフェースがより良いアプローチです。インターフェースとして書くことができないものを書こうと思っている場合や、別の名前を付ける場合は、タイプエイリアスが優れています。

Answer 2

仕様は、良好な議論を有する - https://github.com/Microsoft/TypeScript/blob/master/doc/spec.md#3.10

Answer 3

はまた、インターフェースはを実現することができます。

Answer 4

タイプはインターフェースと似ていますが、その逆も同様です。どちらもクラスで実装できます。 しかし重要な違いがいくつかあります： 1. Typeがクラスによって実装されている場合、Typeに属するプロパティはクラス内で初期化されなければなりませんが、Interfaceではそれらを宣言する必要があります。 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' 
}