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

JavaScriptのデフォルトパラメータとは？基本の使い方とサンプルコードを解説

JavaScriptのデフォルトパラメータ（デフォルト引数）は、関数の引数にあらかじめ初期値を設定できる便利な機能です。ES2015（ES6）で導入されて以来、引数の扱いが格段にシンプルになりました。

デフォルトパラメータの仕組み

通常、関数を呼び出す際に引数が渡されなかった場合、その仮引数は undefined になります。しかし、デフォルトパラメータを使えば、引数が渡されない場合、または undefined が渡された場合に限り、指定したデフォルト値で仮引数を自動的に初期化できます。

これにより、「引数が未定義かどうかを毎回チェックする」といった冗長なコードを書く必要がなくなり、関数の可読性と保守性が大きく向上します。

基本的な構文

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

デフォルトパラメータの使用例

以下は、インクリメントする量を表す第2引数にデフォルト値「1」を設定したサンプルです。実際にブラウザで動作を確認できます。

<html>
<body>
<script>
// inc のデフォルト値は 1
function inc(val1, inc = 1) {
  return val1 + inc;
}
document.write(inc(10, 10)); // 引数を両方渡す → 20
document.write("<br>");
document.write(inc(10));     // 第2引数を省略 → 11
</script>
</body>
</html>

実行結果

20
11

この例では、inc(10, 10) のように両方の引数を渡した場合は渡された値が優先され、inc(10) のように第2引数を省略した場合はデフォルト値の「1」が自動的に使われます。

デフォルトパラメータを使うメリット

  • コードが簡潔になる： if (inc === undefined) のような条件分岐が不要になります。
  • 意図が伝わりやすい： 関数の宣言部分を見るだけで、省略時の挙動がひと目でわかります。
  • バグを防げる： 引数の渡し忘れによる NaN や予期しない動作を回避できます。

このように、デフォルトパラメータを活用することで、柔軟かつ安全な関数設計が可能になります。日常的なJavaScript開発において、ぜひ積極的に取り入れてみてください。

  1. JavaScriptのSymbol（シンボル）とは？特徴と基本的な使い方を解説

    JavaScriptにおけるSymbol（シンボル）は、ES6（ECMAScript 2015）で新たに導入されたプリミティブデータ型の一つです。シンボルは呼び出されるたびに必ず完全に一意（ユニーク）な値を返し、組み込みのSymbol()ファクトリ関数を使って生成します。Symbolの主な特徴文字列や数値と同じくプリミティブ型として扱われるSymbol()を呼び出すたびに、たとえ同じ引数（説明用の文字列）を渡しても、必ず異なる新しいシンボルが生成されるオブジェクトのプロパティキーとして利用でき、名前の衝突を防ぐことができるJavaScriptシンボルのサンプルコード以下のコードでは、同じ文字列

  2. JavaScriptのPromiseとは？非同期処理の基本をわかりやすく解説

    JavaScriptのPromiseとは？Promise（プロミス）は、JavaScriptで非同期処理を扱うためのオブジェクトです。Promiseが生成された時点では、最終的な結果の値はまだ確定していません。処理が完了した将来のタイミングで、成功または失敗の結果を受け取ることができます。これにより、APIからのデータ取得やファイル読み込みなど、時間のかかる処理を効率的に記述できます。Promiseの3つの状態Promiseは、必ず以下の3つの状態のいずれかを持ちます。pending（待機）：初期状態。処理がまだ完了していない状態です。fulfilled（履行）：処理が正常に完了し、結果の値が