logo

JavaScript の戻り値

戻る ステートメントは、関数から関数の呼び出し元に特定の値を返すために使用されます。関数は次の場合に実行を停止します。 戻る ステートメントが呼び出されます。の 戻る ステートメントは関数の最後のステートメントである必要があります。 戻る ステートメントに到達できなくなります。

を使用して、プリミティブ値 (ブール値、数値、文字列など) とオブジェクト型 (関数、オブジェクト、配列など) を返すことができます。 戻る 声明。

を使用して複数の値を返すこともできます。 戻る 声明。直接行うことはできません。を使用する必要があります 配列 または 物体 関数から複数の値を返す場合。

構文

 return expression; 

表現 上記の構文の は、関数の呼び出し元に返される値です。オプションです。もし 表現 が指定されていない場合、関数は戻ります 未定義

間に行終端記号を使用することはできません。 戻る キーワードと値。次の行を使用するとそれを理解できます。次のように書いているとします。 戻る 次のような声明:

 return x + y; 

次に、それは次のように変換されます -

牛対雄牛
 return; x + y; 

の後にセミコロンが自動的に挿入されます。 戻る 声明。の後に書かれたコードは、 戻る 声明 ( x + y; )として考慮されます。 到達不能なコード

この問題を防ぐために括弧を使用できます。次のように書くことができます -

 return ( x + y; ); 

それでは、使用例をいくつか見てみましょう。 戻る のステートメント JavaScript

10mlってどのくらいですか

例1

これは、 戻る 声明。ここでは、2 つの数値の積の結果を返し、その値を関数呼び出し元に返しています。

変数 レス 関数の呼び出し元です。それは関数を呼び出しています 楽しい() そして 2 つの整数を関数の引数として渡します。結果は次の場所に保存されます。 レス 変数。出力の値は、 360 引数の積です 12 そして 30

 <h2> Welcome to the javaTpoint.com </h2> <h3> Example of the JavaScript&apos;s return statement </h3> var res = fun(12, 30); function fun(x, y) { return x * y; } document.write(res); 
今すぐテストしてください

出力

上記のコードを実行すると、出力は次のようになります -

JavaScript の戻り値

例2

ここでは、を使用して関数を中断しています。 戻る 声明。関数は、次の場合にすぐに実行を停止します。 戻る ステートメントが呼び出されます。

無限がある その間 ループと変数 私、 これは 1 に初期化されます。ループは、次の値が得られるまで継続します。 に達しました 4 。変数の値が 4 になると、次の理由によりループは実行を停止します。 戻る 声明。ループ後のステートメントは実行されません。

ここで、 戻る ステートメントは、 表現 、したがって、それは返されます 未定義。

 <h2> Welcome to the javaTpoint.com </h2> <h3> Example of the JavaScript&apos;s return statement </h3> var x = fun(); function fun() { var i = 1; while(i) { document.write(i + &apos; <br>&apos;); if (i == 4) { return; } document.write(i + &apos; <br>&apos;); i++; } document.write(&apos;Hello world&apos;); } 
今すぐテストしてください

出力

上記のコードを実行すると、出力は次のようになります -

JavaScript の戻り値

次に、を使用して複数の値を返す方法を見てみましょう。 戻る 声明。通常、JavaScript 関数は単一の値を返しますが、 配列 または 物体 。複数の値を返すには、値をオブジェクトのプロパティまたは配列要素としてパックします。

例3 - 配列を使用して複数の値を返す

この例では、 配列 。ここで使用しているのは、 ES6 配列の分割 配列の値を解凍するための構文。

テキストラッパーCSS
 JavaScript return <h3> This is an example of returning multiple values using object </h3> function getData() { let fname = &apos;John&apos;, lname = &apos;Rickman&apos;, age = &apos;25&apos;, occupation = &apos;Private Employee&apos;; return { fname, lname, age, occupation }; } let {fname, lname, age, occupation} = getData(); document.write(&apos;Name = &apos; + fname + &apos; &apos; + lname + &apos; <br>&apos;); document.write(&apos;Age = &apos; + age + &apos; <br>&apos;); document.write(&apos;Occupation = &apos; + occupation); 
今すぐテストしてください

出力

JavaScript の戻り値