[TypeScript] インターフェース(interface)と型エイリアス(type)の違い

はじめに

初めてのTypeScriptを読みました。
その学習を記録します。

結論

interfaceの方が優れているので、interfaceの利用を推奨します

詳細

1. interface同士で継承できる

組み込みグローバルインターフェースやnpmパッケージなどのサードパーティコードを扱う時に、便利です！

interface 継承元 {
  変数名1: データ型;
}

interface 継承先 extends 継承元 {
  変数名2: データ型;
}

詳細は、下記記事を参照してください

あわせて読みたい

[TypeScript] インターフェース(interface)を継承する 【はじめに】 初めてのTypeScriptを読みました。その学習を記録します。 結論 interface 継承元 { 変数名1: データ型; } interface 継承先 extends 継承元 { 変数名2: …

2. クラス宣言の構造の型チェックに

クラス宣言の構造の型チェックにinterfaceが利用できます

型エイリアス(type)ではクラス宣言では使えません。

3. interfaceの方が処理が速い

interfaceは、内部的に簡単にキャッシュできるので一般的に型チェックでより高速に処理される

型エイリアス(type)は、オブジェクトリテラルの動的なコピペとして処理されるため、interfaceより遅い