JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptのデフォルトパラメーター（引数の初期値）とは？基本と使い方を解説

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

デフォルトパラメーター（初期値パラメーター）は、ES2015（ES6）で導入された機能の一つで、関数の仮引数にあらかじめ初期値を設定できる仕組みです。関数呼び出し時に引数が渡されなかった場合、またはundefinedが渡された場合に、設定しておいたデフォルト値が自動的に適用されます。

これにより、従来のように関数の中で「引数が未定義かどうかを判定する分岐処理」を書く必要がなくなり、コードがシンプルで読みやすくなります。

基本的な構文

function 関数名(引数1, 引数2 = デフォルト値) {
  // 処理
}

サンプルコード

次の例では、関数inc()の第2引数incにデフォルト値として1を設定しています。

<html>
<body>
<script>
// inc のデフォルト値は 1
function inc(val1, inc = 1) {
  return val1 + inc;
}
document.write(inc(10, 10));
document.write("<br>");
document.write(inc(10));
</script>
</body>
</html>

実行結果

20
11

動作のポイント

  • 両方の引数を渡した場合： inc(10, 10)では第2引数に10が明示的に渡されているため、デフォルト値は無視され、10 + 10 = 20が返されます。
  • 引数を省略した場合： inc(10)のように第2引数を省略すると、デフォルト値の1が使われ、10 + 1 = 11が返されます。
  • undefinedを渡した場合： 明示的にundefinedを渡した場合もデフォルト値が適用されます。ただし、nullや0、空文字列などは「有効な値」として扱われ、デフォルト値には置き換わらない点に注意が必要です。

まとめ

デフォルトパラメーターを活用すれば、引数が省略されたときの挙動を簡潔に定義でき、より安全で保守性の高いコードを書けます。オプション的な引数を持つ関数を設計する際には、ぜひ活用してみてください。

  1. JavaScriptの部分関数（Partial Function）とは？仕組みと実装例をわかりやすく解説

    部分関数（Partial Function）とは、既存の関数を引数として受け取り、それに加えて別の型の引数も同時に受け取れるようにする仕組みです。まず渡された引数の一部を使い、残りの引数を受け取る新しい関数を返します。そして、返された関数が呼び出されるときに、あらかじめ固定しておいた引数とそのときに渡された引数をすべて組み合わせて、元の親関数が実行されます。 この手法は「部分適用（Partial Application）」とも呼ばれ、関数型プログラミングの基本的なテクニックのひとつです。共通する引数を先に束縛しておくことで、処理の再利用性やコードの可読性を高めることができます。 コード例 以下

  2. JavaScriptのクロージャとは？仕組みと実装例をわかりやすく解説

    クロージャとはJavaScriptにおけるクロージャ（Closure）とは、外側の関数の実行が完了して値を返した後であっても、内側の関数から外側の関数のスコープ（変数）にアクセスできる仕組みのことです。言い換えれば、内側の関数は、外側の関数の変数に対して常にアクセスできるということです。この性質を活用することで、データを外部から直接操作されないように隠蔽したり、関数の呼び出し間で状態を保持する処理を実現したりすることが可能になります。クロージャのサンプルコード以下は、JavaScriptでクロージャを使用した具体的なコード例です。ボタンをクリックすると、クロージャによって保持された値を使って2