foo?: number の意味#

• 「foo」はオプショナル（省略可能）なプロパティです。
• 型は number または undefined になります。
• オブジェクトを生成する際、fooを指定してもしなくてもOKです。

例:

1
type Example = {
2
  foo?: number;
3
};
4

5
const a: Example = {};           // OK（fooなし）
6
const b: Example = { foo: 42 }; // OK

foo!: number の意味#

• 「foo」は必須プロパティですが、**「!」は definite assignment assertion（確定代入アサーション）**です。
• TypeScriptに「このプロパティは必ず初期化される」と伝えるための記法です。
• コンストラクタや後から必ず値を代入する場合など、TypeScriptの「初期化されていないかも」というエラーを抑制します。
• 型は number のみ（undefinedは許されません）。

例:

1
class Example {
2
  foo!: number; // ここで初期化していなくてもエラーにならない
3

4
  constructor() {
5
    this.foo = 42; // 後で必ず代入する
6
  }
7
}

まとめ表#