returnの役割。どんな時に必要でしょうか。

質問

下記サンプルコードのreturn result;というのはどこに値を返しているのでしょうか。
また、return alert(result);とすれば値が表示されるようになりますが、
この場合returnは必要なのでしょうか。returnの使い方がいま一つ分かりません。
サンプルコードはhttps://developer.mozilla.org/ja/Core_JavaScript_1.5_Reference/Functions/argumentsからとってきました。

<script>
function myConcat(separator) {
var result = "";

// 区切りでない引数を反復する
for (var i = 1; i < arguments.length; i++)
result += arguments[i] + separator;

return result;
}

// "red, orange, blue, " を返す
myConcat(", ", "red", "orange", "blue");

// "elephant; giraffe; lion; cheetah; " を返す
myConcat("; ", "elephant", "giraffe", "lion", "cheetah");

// "sage. basil. oregano. pepper. parsley. " を返す
myConcat(". ", "sage", "basil", "oregano", "pepper", "parsley");
</script>

回答No.2

LancerVII · ベストアンサー

こんにちは。

関数内の処理の終了時、呼び出し元に戻すのがreturnになります。

このサンプルスクリプトの場合は

var value = myConcat(", ", "red", "orange", "blue");

にするとvalueに関数内のresultの内容が返ってきます。

myConcat(", ", "red", "orange", "blue");
のみで呼び出した場合、戻ってきた値が使われていないので必要あるの？という疑問が出てきます。

例えば入力チェク等だとtrueかfalseを返したりします。

function isCheck ( val ) {
return val === '';
}

var isFlag = isCheck ( '' );

にすれば呼び出し元のisFlagにはval===''で評価した値が返ってきます。(この場合はtrue)

あとは関数の処理を抜ける場合にこんな使い方もあります。

function isCheck ( val ) {
if ( val === '' ) return;
alert ( val + 'は空文字ではありません' );
}

この場合valが空白だとisCheckの処理を中止して呼び出し元に戻ります。

お礼

returnは

１）関数内で処理した戻り値を変数として格納する。
function tashizan(n1,n2){
return n1+n2;
}
var val=tashizan(1,1);
alert(val);//2

２）入力チェクに使える。
function isCheck ( val ) {
return val === '';
}
var isFlag = isCheck ( '' );

３）関数内での処理を中止させ、呼び出し元へ戻させる。
function isCheck ( val ) {
if ( val === '' ) return;
alert ( val + 'は空文字ではありません' );
}

の３つの使い方があるのですね。
なんとなく分かりました。使い慣れて理解を深めていきたいと思います。

回答No.1

tracer

引数は関数に値を与えるときに使います。
逆に、returnは関数の結果を値として受け取るときに使います。

function tashizan(n1,n2){
return n1+n2;
}

var val=tashizan(1,1);

alert(val);//2

例に提示されたコードは、returnや引数の基本を学ぶには適切ではないと思います。

お礼

参考になりました。有難うございました。