広告スペース(バナー)
レッスン 6 / 20

オプション引数とデフォルト引数

このレッスンでは、省略できる引数(オプション引数)と、初期値を持つ引数(デフォルト引数)の書き方を学びます。「TypeScript オプション引数 デフォルト値」で調べている方向けです。

引数名の後ろに?を付けると「省略してもよい引数」になります。また引数名: 型 = 初期値と書くと、値を渡さなかった場合に使われるデフォルト値を設定できます。

サンプルコードでは、greet(name: string, honorific: string = "さん")のように、敬称にデフォルト値「さん」を設定しています。呼び出し側は敬称を省略することも、指定することもできます。

初心者がよくつまずくのが、オプション引数(?)とデフォルト引数の使い分けです。値を渡さなかったときにundefinedとして扱いたいなら?、代わりの値を自動で入れたいならデフォルト値を使うと覚えるとよいです。

実際の開発現場では、設定項目が多い関数ほど、よく使う値をデフォルトにしておくことで呼び出し側のコードがシンプルに保てます。

📖 お手本コード
✍️ あなたのコード
コードを書いたら「実行する」を押してください

🧪 このサイトではTypeScriptを直接コンパイル・実行できないため、お手本コードと同じ内容を入力できたかをその場で判定します(採点はブラウザ内だけで行われ、どこにも送信されません)。

🎯
ここまでできればゴール達成!
敬称を省略できる、柔軟な挨拶関数が作れるようになります。
広告スペース(バナー)
広告スペース(記事内)