型エイリアス(Type Alias)VS インターフェース

型エイリアス(Type Alias)とは

<aside> 💡 複数の場所で再利用しようと思っている型に対して 名前をつけるためのもの

</aside>

• すでに無名で作られてしまった型に参照のための別名を与えているもの
  • その型には本来の名前がないまま
• 関数式と型エイリアスの構文は最終的に代入文になるのでセミコロンが必要
• マップ型や条件付き型といった高度な型構文が記述できる

インターフェースとは

<aside> 💡 オブジェクトや関数、クラスの 仕様を定めるため のもの

</aside>

• 関数宣言とインターフェース構文はブロック{} で終わる文なのでセミコロンが不要
• 拡張に対してオープンな性質がある
  • 既存の型をその名前のままどこからでも随時拡張できてしまう

(例)

interface User {
	name: string;
}

interface User {
	age: number;
}

const rolley: User = {
	name: 'Rolley Cocker',
	age: 8
};

TypeScript のバージョンが低かったころは、インターフェースにできて型エイリアスにできないことがけっこうあったが、型エイリアスのできることが増えていって、ついにはその立場が逆転してしまった

⇒ 基本型エイリアスを使っていればいい

共用体型と交差型

共用対型 = 文字列リテラル共用体型

• 演算子|で型を並べることで、それらの内のいずれかの型が適用される複合的な型になる