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

JavaScriptでオプションの関数パラメータを宣言するにはどうすればよいですか？

JavaScriptでオプションの関数パラメータを宣言する方法

JavaScriptでオプション（任意指定）の関数パラメータを宣言するには、デフォルト引数を使用します。デフォルト値をあらかじめ設定しておくことで、関数呼び出し時にその引数が省略されても自動的にデフォルト値が適用され、エラーを防ぎながら柔軟な関数を定義できます。

以下のコードを実行して、オプションパラメータの宣言を試してみましょう。

例

<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>

この例では、関数 inc の第2引数 inc にデフォルト値 1 を設定しています。実行結果は以下のとおりです。

  • inc(10,10) を呼び出すと、第2引数に 10 が渡されるため、戻り値は 20 になります。
  • inc(10) のように第2引数を省略すると、デフォルト値の 1 が自動的に使われ、戻り値は 11 になります。

このようにデフォルト引数を活用すれば、引数を省略できるオプションのパラメータを簡単に実装でき、コードの可読性と保守性も向上します。

  1. JavaScriptの関数パラメーターとは？使い方をサンプルコードで解説

    JavaScriptでは、関数を呼び出すときにさまざまなパラメーター（引数）を渡すことができます。関数側では、渡されたパラメーターを受け取り、それに対して任意の処理を実行することが可能です。また、1つの関数は複数のパラメーターを受け取ることができ、それぞれのパラメーターはカンマ（,）で区切って指定します。さらに、JavaScriptには arguments オブジェクトが用意されており、仮引数として宣言した変数とは別に、実際に関数へ渡されたすべての引数へアクセスできます。以下のサンプルコードでは、Array.from(arguments) を使って受け取った引数を配列化し、順番に画面へ出力して

  2. JavaScriptのパラメータ（仮引数）と引数（実引数）の違いをわかりやすく解説

    パラメータと引数とは？JavaScriptにおいて、パラメータ（仮引数）とは、関数を定義するときに関数名の後ろの括弧内に記述される変数名のことです。一方、引数（実引数）とは、関数を呼び出すときに実際に渡される値であり、関数側で受け取られるものです。イメージとしては、パラメータは値を受け取るための「受け皿」のような名前で、引数はその受け皿に渡される「実際の値」です。この2つの違いを正しく理解することは、関数を使いこなすうえで非常に重要です。サンプルコード以下は、JavaScriptにおけるパラメータと引数の動作を確認できるコード例です。ボタンをクリックすると、配列の要素が引数として関数に渡され、