type-challenges 2日目: 7-Readonly

2022-05-29

問題 & 回答

type-challenges/README.md at main · type-challenges/type-challenges

組み込みのユーティリティ型Readonlyを使用しないで、Tのすべてのプロパティを読み取り専用にする

interface Todo {
  title: string
  description: string
}

const todo: MyReadonly<Todo> = {
  title: "Hey",
  description: "foobar"
}

todo.title = "Hello" // Error: cannot reassign a readonly property
todo.description = "barFoo" // Error: cannot reassign a readonly property

mapped typeを利用して、Tをすべて読み取り専用にします。

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

調べたこと

readonly修飾子

オブジェクトのフィールドを読み取り専用に指定するための修飾子

Readonly型

Readonly<T>は、オブジェクト型Tのプロパティをすべて読み取り専用にするユーティリティ型。挙動は今回実装したMyReadonly<T>と同じ
参考：TypeScript: Documentation - Utility Types

感想

今日は昨日の発展系だったので、自力で解けました！ TypeScript初めて数日の身からすると、まずは型の見た目に拒絶反応を起こさないようにすることが大切なので、このtypechallengesはいいですね〜。明日も頑張ります。