デフォルト引数

CoddyのJavaScriptジャーニー「基礎」セクションの一部 — レッスン 50/77。

プログラミングにおいて、一部のパラメータにデフォルト値を持つ関数を作成することは一般的です。これらは、関数呼び出し時に引数が提供されない場合にパラメータが取る値です。デフォルトパラメータにより、関数はより柔軟で使いやすくなります。

JavaScriptでデフォルト引数を持つ関数を定義するには、関数定義の中で=演算子を使用してパラメータに値を代入します。基本的な構文は次のとおりです：

function functionName(param1, param2 = defaultValue2, param3 = defaultValue3) {
	// 関数の本体
	// ...
}

この構文では、param2 と param3 にはデフォルト値が設定されています。これらのパラメータに引数を渡さずに関数を呼び出した場合、それらは自動的にデフォルト値をとります。

以下に例を示します：

function greet(name, greeting = "Hello") {
	console.log(`${greeting}, ${name}!`);
}

greet("Alice"); // 出力: Hello, Alice!
greet("Bob", "Hi"); // 出力: Hi, Bob!

この例では、greet関数にはnameとgreetingという2つのパラメータがあります。greetingパラメータのデフォルト値は"Hello"です。関数が1つの引数のみで呼び出されると、greetingはデフォルト値をとります。2つの引数で呼び出されると、2番目の引数がデフォルト値を上書きします。

デフォルト引数は、数値、文字列、真偽値、配列、オブジェクト、さらには他の関数呼び出しの結果を含む、任意の有効な式にすることができます。

チートシート

デフォルト引数を使用すると、引数が渡されない場合に関数にあらかじめ設定された値を持たせることができます。関数定義の中で = 演算子を使用します。

function functionName(param1, param2 = defaultValue) {
	// 関数の本体
}

例：

function greet(name, greeting = "Hello") {
	console.log(`${greeting}, ${name}!`);
}

greet("Alice"); // 出力: Hello, Alice!
greet("Bob", "Hi"); // 出力: Hi, Bob!

デフォルト引数には、数値、文字列、真偽値、配列、オブジェクト、または関数の呼び出し結果を指定できます。

自分で試してみよう

このレッスンにはコードチャレンジは含まれていません。