Java scriptで関数を定義した際によく使われるreturn。
初学者の方の中には理解に苦しんでいる方も多いと思う。
そこで、このreturnの理解に困っている人に向けてわかりやすく説明したいと思う。
例として次のような関数を作ったとしよう。
main.js
function sum(a, b, c) {
console.log(a + b + c);
}
sum(1, 2, 3); /*コンソールの結果・・・6*/
sum(3, 4, 5); /*コンソールの結果・・・12*/
上記ではsumと言う名前の関数を定義して引数a,b,cを足した値をコンソールに表示するといった、とても簡単な関数である。
コンソールの結果は
6
12
となる。
次にこのsum(1, 2, 3)とsum(3, 4, 5)の合計をもとめたい場合があるとしよう。
ここでreturnの登場である。
先ほどの関数を次の様に変更してみよう。
main.js
function sum(a, b, c) {
return a + b + c;
}
const total = sum(1, 2, 3) + sum(3, 4, 5);
console.log(total);
totalと言う変数にsum(1, 2, 3) + sum(3, 4, 5);の値を入れるのだが、ここでreturnがすでに活躍しているのだ。
一番初めに作った関数では
sum(1, 2, 3);
sum(3, 4, 5);
はただ単に関数を実行しただけだが、returnをした場合はreturn a + b + c;の計算結果の値がsum(1, 2, 3); sum(3, 4, 5);に返されるのである。
その結果、変数totalにsum(1, 2, 3) + sum(3, 4, 5);の結果が代入されるのである。
下記を参照。
main.js
function sum(a, b, c) {
return a + b + c;
}
const total = sum(1, 2, 3)/*returnで6が返ってきた*/ + sum(3, 4, 5);/*12が返ってきた*/
console.log(total);
ちなみにreturnを書いた以降の処理は実行されないので注意。
おわかり頂けたでしょうか？
ここら辺は、基本中の基本ですが、基本をしっかりとマスターしてJava Scriptの理解をより一層深めて行きましょう。