オプショナル(?)と読み取り専用(readonly)

あるかもしれないし、ないかもしれないプロパティ

実際のデータでは「値があるとは限らない」プロパティがあります。たとえばユーザーの電話番号は、登録している人もいれば、していない人もいます。こういう「あってもなくてもよい」プロパティは、名前のうしろに ? をつけて表します。これをオプショナル（?）(オプショナル)と呼びます。

interface User {
  name: string;
  phone?: string; // ? があるので、あってもなくてもよい
}

const a: User = { name: "田中", phone: "090-0000-0000" }; // OK
const b: User = { name: "佐藤" }; // phone なしでもOK

function show(u: User) {
  return u.phone.length; // エラー: phone は undefined かもしれない
}

function show(u: User) {
  if (u.phone) {
    return u.phone.length; // ここでは phone があると分かっている
  }
  return 0;
}

書き換えてほしくないプロパティは readonly

逆に、一度決めたら変えてほしくないプロパティもあります。たとえばユーザーの id は途中で変わると困ります。プロパティの前に readonly をつけると、あとから書き換えられなくなります。

interface User {
  readonly id: number;
  name: string;
}

const user: User = { id: 1, name: "田中" };
user.name = "佐藤"; // OK(name は書き換え可能)
user.id = 2; // エラー: id は readonly なので書き換えられない

• ? は「あってもなくてもよい」プロパティ(オプショナル)
• オプショナルは値がないと undefined になるので、使う前に有無を確認する
• readonly は「後から書き換えられない」プロパティ
• ? と readonly でデータのルールを型に書き込める