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

引数名の後ろに ? を付けると、その引数は省略できるオプション引数になります。また、引数に = で初期値を書くと、省略されたときにその値が使われるデフォルト値付き引数になります。

実務では「基本は2つの引数で呼ぶが、たまに追加の指定をしたい」という関数がよくあります。オプション引数やデフォルト値を使えば、呼び出し方のバリエーションを1つの関数でまかなえます。

つまずきポイントは、オプション引数の値が「渡されなかったとき undefined になる」ことです。使う前に undefined かどうかの確認が必要になります。確認を書きたくない場合はデフォルト値の方を選びましょう。

▶ サンプルコードを実行してみよう(自由に書き換えてOK)

TypeScript

// title は省略できる(省略時は undefined)
function greet(userName: string, title?: string): string {
  if (title !== undefined) {
    return title + " " + userName;
  }
  return userName + "さん";
}

// exponent は省略すると 2 が使われる
function power(base: number, exponent: number = 2): number {
  return Math.pow(base, exponent);
}

console.log(greet("Taro"));
console.log(greet("Sato", "Dr."));
console.log(power(3));
console.log(power(2, 10));

公式ドキュメントで詳しく ↗