interfaceとtype
なぜ学ぶか: AIが書くコードにはinterfaceとtypeが混ざって出てきます。「どっちを使うべき?」と不安になりますが、実は多くの場面でどちらでも書けます。まずは両方の見た目から。
まずはこの例を見てみましょう
// オブジェクトの「形」を宣言する: interface
interface User {
id: string;
name: string;
}
// 型に「別名」を付ける: type(選択肢なども表せる)
type Status = "active" | "inactive";
const u: User = { id: "u1", name: "Ada" };
const s: Status = "active";目安は「オブジェクトの形はinterface、選択肢はtype」。ただし形の宣言はどちらでも書けます。
interface=オブジェクトの形の宣言
例のUserは「idとnameを持つ形」という設計図です。
type=型に別名を付ける
オブジェクトの形だけでなく、例のStatusのような「選択肢」(次のトピックで詳しく)も表せます。表現の幅はtypeの方が広いです。
迷ったら「揃っているか」を見る
多くの場面ではどちらでも動きます。だから正解探しより、プロジェクト内で書き方が統一されているかを見る方が実用的です。
ステップ 1 / 3
※ カリキュラムの内容はAIが生成しており、誤りが含まれる場合があります。正確な情報は公式ドキュメント等でご確認ください。