【TypeScript】Readonly<T>の自作（type-challenges 初級編 7・Readonly）

お題

Tのすべてのプロパティを読み取り専用にする型MyReadonlyを実装する。プロパティの再割り当てはできない（読み取り専用にする）。

やりたいこと

type Person = {
  surname: string;
  middleName: string;
  givenName: string;
};

type ReadonlyPerson = MyReadonly<Person>;

type ReadonlyPerson = {
    readonly surname: string;
    readonly middleName: string;
    readonly givenName: string;
}

解答

MyReadonly<T> = { readonly [key in keyof T] : T[key] }

解説

処理の流れ

• { readonly … }
readonly修飾子を付け、プロパティを読み取り専用にする。
• [key in keyof T] : T[key]
  Mapped Typesとkeyof演算子を利用し、新しいオブジェクト型を作成。

readonly修飾子とは...

• オブジェクトのプロパティを読み取り専用にすることができる。

let obj: {
  readonly foo: number;
};

obj = { foo: 1 };
obj.foo = 2; // Cannot assign to 'foo' because it is a read-only property.

• readonlyは再帰的ではない。
  → オブジェクトが入れ子になっている場合、その中のオブジェクトまではreadonlyにはならないので注意が必要。

Mapped Typesとは...

keyof演算子とは...

参考記事

Readonly<T>

• Readonly | TypeScript入門『サバイバルTypeScript』

readonly修飾子

• オブジェクトの型のreadonlyプロパティ | TypeScript入門『サバイバルTypeScript』

今回の問題