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

typescript-interface-readonly
INDEX

はじめに

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

40036_learning_typescript_cvr

結論

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

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

使い方

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

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

interface Writing {
  title: string;
}

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

book.title += 'TypeScript'

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

readonlyを追加する事で、値の上書きが出来なくなります。

interface Writing {
  readonly title: string;
}

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

book.title += 'TypeScript'
Cannot assign to 'title' because it is a read-only property.
よかったらシェアしてね!
  • URLをコピーしました!

この記事を書いた人

Born in 1994
Engineer's career is from 2020.10
Skill: Next.js, TypeScript, Django, Python, HTML, CSS

INDEX