デフォルトパラメータ

（関数）

意味初期値を持つパラメータ

デフォルトパラメータとは？

関数のパラメータに初期値を設定することができる。呼び出し時に引数が指定されない場合、この初期値が使用される。

デフォルトパラメータの具体的な使い方

デフォルトパラメータを持つ関数の定義と使用

function greet(name = '名無しさん', greeting = 'こんにちは') {
  console.log(`${greeting}、${name}！`);
}

greet();
greet('田中さん');
greet('佐藤さん', 'おはようございます');

👇出力結果

こんにちは、名無しさん！
こんにちは、田中さん！
おはようございます、佐藤さん！

この例では、greet関数が2つのデフォルトパラメータを持っています。引数が渡されない場合はデフォルト値が使用されます。

複雑なデフォルトパラメータの例

function createUser(name, age = 30, details = { country: '日本', job: '会社員' }) {
  console.log(`名前: ${name}`);
  console.log(`年齢: ${age}`);
  console.log(`国: ${details.country}`);
  console.log(`職業: ${details.job}`);
  console.log('---');
}

createUser('山田');
createUser('鈴木', 25);
createUser('佐藤', 40, { country: 'アメリカ', job: '教師' });

👇出力結果

名前: 山田
年齢: 30
国: 日本
職業: 会社員
---
名前: 鈴木
年齢: 25
国: 日本
職業: 会社員
---
名前: 佐藤
年齢: 40
国: アメリカ
職業: 教師
---

この例では、createUser関数が複数のデフォルトパラメータを持っています。オブジェクトもデフォルト値として使用できることを示しています。

デフォルトパラメータに関するよくある質問

Q. デフォルト値はどんな型でも可能？

A. はい、JavaScriptではデフォルト値として任意の型（文字列、数値、ブーリアン、オブジェクト、関数など）を使用できます。

Q. デフォルト値は動的に設定できる？

A. はい、デフォルト値として関数や式を使用することができます。これにより、呼び出し時に動的にデフォルト値を計算することが可能です。

Q. デフォルト値と undefined の関係は？

A. 引数が明示的に undefined として渡された場合や、引数が省略された場合にデフォルト値が使用されます。null や他のfalsy値を渡した場合はデフォルト値は使用されません。

デフォルトパラメータが学べる書籍の紹介

「プログラミング単語帳」を使って、プログラミングの単語を英単語のように学習してみませんか？
プログラミング単語帳には、JavaScriptのデフォルトパラメータやアロー関数、高階関数、call、などのような実務でよく使われる単語が数百以上収録されています。
この書籍には、プログラミングの単語の意味や読み方、単語の使い方がわかる例文などが掲載されており、いつでもどこでもプログラミングの学習ができます。

よく使われる単語にだけ絞って学習することができるので、効率的にプログラミングが学習できます。