TypeScript/関数/オプション引数の変更点

追加された行はこの色です。
削除された行はこの色です。
TypeScript/関数/オプション引数へ行く。
TypeScript/関数/オプション引数の差分を削除

#author("2022-05-23T07:46:35+09:00","default:ryuichi","ryuichi")
#author("2022-05-23T07:47:46+09:00","default:ryuichi","ryuichi")
* オプション引数 [#i3415fd8]

** ?:でオプション引数を指定 [#r6a2f2a8]

 interface User1 {
     id: number;
     name?: string;
 }
 
 const u1: User1 = {
     id: 1,
 }

- nameを省略できる

** XXX | undefinedで引数を指定 [#d0058580]

 interface User2 {
     id: number;
     name: string | undefined;
 }
 
 const u2: User2 = {
     id: 1,
 }

- 上のコードはエラーになる
- nameを省略できず、'''name: undefined'''と記述しないといけない

** ?:とXXX | undefinedを併用 [#b2eea46e]

 interface User3 {
     id: number;
     name?: string | undefined;
 }
 
 const u3: User3 = {
     id: 1,
 }

- nameがオプション引数であることを分かりやすくするために併用することができる