TypeScriptでReadonly<T>型を使用する

この記事は 2022 年 12 月 9 日に投稿しました。

目次

1. はじめに
2. TypeScriptでReadonly<T>型を使用する
3. おわりに

リンク

1. はじめに

こんにちは、iOS のエディタアプリPWEditorの開発者の二俣です。
今回は業務で使用しているTypeScriptでReadonly<T>型を使用する方法についてです。

目次へ

2.TypeScriptでReadonly<T>型を使用する

TypeScriptでReadonly<T>型ですが、全てのプロパティを読み取り専用にします。

実装例

// 型を定義します。
type Person = {
    name: string;
    age: number;
};

// Person型のオブジェクトを生成します。
const person1: Person = {
    name: "Taro",
    age: 20,
};

// プロパティは変更可能です。
person1.name = "Jiro";

// 読み取り専用でPerson型のオブジェクトを生成します。
const person2: Readonly<Person> = {
    name: "Taro",
    age: 20,
};

// Readonlyの場合、プロパティは変更できません。
// (コンパイルエラーになります)
person2.name = "Jiro";

リファレンス

TypeScript

TypeScript Document

Readonly<T>型

目次へ

3. おわりに

constを付けてオブジェクトを宣言しても、プロパティは変更可能です。
そのためプロパティも変更不可にしたい場合はReadonly<T>で定義すればよいと思います。

リンク

紹介している一部の記事のコードはGitlabで公開しています。
興味のある方は覗いてみてください。

目次へ

---

私が勤務しているニューラルでは、主に組み込み系ソフトの開発を行っております。
弊社製品のハイブリッド OS Bi-OSは高い技術力を評価されており、特に制御系や通信系を得意としています。
私自身はiOS モバイルアプリやウィンドウズアプリを得意としております。
ソフトウェア開発に関して相談などございましたら、お気軽にご連絡ください。

また一緒に働きたい技術者の方も随時募集中です。
興味がありましたらご連絡ください。

EMAIL : info-nr@newral.co.jp / m-futamata@newral.co.jp
TEL : 042-523-3663
FAX : 042-540-1688

目次へ