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

JavaScriptの関数から値を返す方法【return文の基本と実例】

JavaScriptの関数から値を返すには、return文を使用します。return文は、関数内で処理した結果を呼び出し元に渡すための基本的な仕組みであり、あらゆるプログラムで頻繁に使われる重要な構文です。

ここでは、文字列と数値を連結して返すシンプルな例を通じて、return文の使い方を確認していきましょう。まずは、次のコードを実行してみてください。

サンプルコード

<html>
   <head>
      <script>
         function concatenate(name, age) {
            var val;
            val = name + age;
            return val;
         }
         function DisplayFunction() {
            var result;
            result = concatenate('John ', 20) ;
            document.write (result );
         }
      </script>
   </head>
   <body>
      <p>Click the following button to call the function</p>

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

コードの解説

このサンプルでは、2つの関数が登場します。それぞれの役割を見ていきましょう。

1. concatenate関数 ― 値を返す側

concatenate(name, age)は、引数として受け取った名前（name）と年齢（age)を + 演算子で連結し、その結果を変数 val に格納したうえで、return val; によって呼び出し元へ返しています。

2. DisplayFunction関数 ― 値を受け取る側

DisplayFunction()は、concatenate('John ', 20) を呼び出し、戻り値を変数 result に代入します。このように、return文で返された値は、関数の呼び出し式そのものの値として扱えるのがポイントです。最後に document.write() で結果を画面に出力しています。

実行結果

ボタンをクリックすると、DisplayFunction() が実行され、画面に次のように表示されます。

John 20

return文のポイント

  • return文が実行されると、その時点で関数の処理は終了します。それ以降に書かれたコードは実行されません。
  • return文に続く値を省略すると undefined が返されます。
  • 数値や文字列だけでなく、オブジェクトや配列なども返すことができます。
  • 戻り値を受け取るかどうかは呼び出し側が自由に決められます。必要なければ無視しても問題ありません。

このように、return文を理解することはJavaScriptにおける関数活用の第一歩です。ぜひ自分でもさまざまな値を返す関数を作成して、挙動を確かめてみてください。

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

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

  2. Python関数でvoid（None）を返す方法をわかりやすく解説

    Pythonは動的型付け言語であり、関数を定義する際に戻り値の型を指定する必要がありません。そのため、関数は任意の型の値を自由に返すことができます。C言語やJavaにあるような「void型」という概念はPythonには存在しませんが、代わりにNoneという特別なオブジェクトがその役割を担っています。 戻り値を指定しない場合、自動的にNoneが返される Pythonでは、return文を書かずに関数を終了した場合、関数は暗黙的にNoneを返します。つまり、以下の2つの関数はまったく同じ動作をします。 def func_a(): print(処理を実行) # return文がな