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

JavaScriptの「return」ステートメントの仕組みと使い方を解説

JavaScriptの関数には、任意でreturnステートメント（return文）を記述できます。関数から値を返したい場合には必須となる重要な構文です。

returnステートメントの基本

returnステートメントは、関数の実行結果を呼び出し元に返すための仕組みです。主な特徴は以下の通りです。

  • 関数にreturn文は必須ではなく、省略することも可能です。
  • 関数から値を返したい場合は、return文が必要です。
  • return文が実行されると、その時点で関数の処理が終了します。したがって、通常は関数内の最後の文として記述します。
  • return文を省略した関数や、値を指定しないreturn;を実行した関数は、undefinedを返します。

コード例

以下のコードでは、姓と名を受け取って連結した文字列を返すconcatenate()関数を定義しています。ボタンをクリックするとDisplayFunction()が呼び出され、戻り値が画面に表示されます。

<html>
   <head>
      <script>
         function concatenate(first, last) {
            var full;
            full = first + last;
            return full;
         }

         function DisplayFunction() {
            var result;
            result = concatenate('John', ' Wright');
            document.write(result);
         }
      </script>
   </head>
   <body>
      <p>次のボタンをクリックして関数を呼び出してください</p>

      <form>
         <input type = "button" onclick = "DisplayFunction()" value = "Call Function">
      </form>
   </body>
</html>

処理の流れ

この例の動作を順に見てみましょう。

  1. ボタンがクリックされると、イベントハンドラによってDisplayFunction()が呼び出されます。
  2. DisplayFunction()内で、引数'John'と' Wright'を渡してconcatenate()を呼び出します。
  3. concatenate()は2つの文字列を連結し、return full;によって結果「John Wright」を呼び出し元へ返します。
  4. 戻り値が変数resultに代入され、document.write()によって画面に出力されます。

まとめ

returnステートメントを使うことで、関数の計算結果や処理結果を外部に渡せるようになり、再利用性の高いコードを書けます。関数の途中で処理を終了させたい場合にもreturnは活用できるため、JavaScriptにおける関数設計の基本としてしっかり理解しておきましょう。

  1. JavaScript関数からオブジェクトを返す方法をわかりやすく解説

    JavaScriptの関数からオブジェクトを返すには、return文を使用します。オブジェクト内のプロパティやメソッドにアクセスする際は、thisキーワードを活用すると便利です。この記事では、実際のコード例を使いながら、JavaScript関数からオブジェクトを返す基本的な方法を解説します。基本的な考え方JavaScriptでは、オブジェクトの中にメソッド（関数）を定義できます。そのメソッド内でreturn文を使えば、処理結果や値を呼び出し元に返すことができます。また、thisキーワードを参照することで、同じオブジェクト内の他のプロパティにアクセス可能です。サンプルコード以下のコードでは、従業

  2. Pythonのissubclass()関数とは？使い方と継承関係の判定方法を解説

    issubclass()関数とはPythonでは、1つのクラスを複数の親クラス（基底クラス）から派生させることができます。これを「多重継承」と呼びます。以下のように記述することで、クラスCはクラスAとクラスBの両方を親として持つことができます。class A: # クラスAの定義 ...class B: # クラスBの定義 ...class C(A, B): # AとBのサブクラス ...issubclass()関数の基本的な使い方2つのクラス間に継承関係があるかどうかを確認したい場合には、組み込み関数であるissubclass()を使用します。書式は