🛡

[TypeScript] インターフェース(interface)を継承する

2024/09/22に公開

はじめに

この記事では、コードをシンプルに書けるインターフェース(interface)を継承する方法を解説します。

参考資料

結論

1. 問題がないパターン

interface Writing {
  title: string;
}

interface Novella extends Writing {
  page: number;
}

const MyNovella: Novella = {
  page: 100,
  title: 'MyNovella',
}

2. 継承先の型が不足

interface Writing {
  title: string;
}

interface Novella extends Writing {
  page: number;
}

const MyNovella: Novella = {
  title: 'MyNovella',
}

3. 継承元の型が不足

interface Writing {
  title: string;
}

interface Novella extends Writing {
  page: number;
}

const MyNovella: Novella = {
  page: 100,
}
GitHubで編集を提案

Discussion