[TypeScript] インターフェース(interface)で読み取り専用にする

はじめに

TypeScriptをより深く理解したく下記書籍を読みました。
インターフェース(interface)で読み取り専用にするについて情報を整理したかったので、執筆します。

結論

下記がテンプレートになります。

interface インターフェース名 {
  readonly 変数名: データ型;
}

1. 読み取り専用(readonly)を使用しない

let なので値の上書きが可能です

interface Writing {
  title: string;
}

let book: Writing = {
  title: '初めての',
};

book.title += 'TypeScript';

2. 読み取り専用(readonly)を使用する

interface Writing {
  readonly title: string;
}

let book: Writing = {
  title: '初めての',
};

book.title += 'TypeScript';

出力結果を確認する

Cannot assign to 'title' because it is a read-only property.

YouTube のご案内

ポモドーロタイマー（25 分勉強＋ 5 分休憩）を活用した作業・勉強配信を行っています。
集中したいときや、誰かと一緒に頑張りたいときに、ぜひご活用ください。

ご興味のある方は、ぜひお気軽に遊びに来てください！