returnの扱い方について

Question

おはようございます。

returnに関する質問です。
先日教えていただいたifのコードの中にreturnを使った以下のようなものがありました。

//if文
function battle(num){
                if(num === 2){
                    return counter;
                }else if(num === 1){
                    return lose;
                }else{
                    return beat;
                }
            };

counter, lose, beatは関数名なのですが（返り値は指定していない）、今まで見てきたコードの中では、returnの後には数字か変数しか入ったものしか出てこなかったので、どういうことが起こっているのかわかりません。

returnの後に関数名を入れた場合、その関数を実行してくれるものか、とも考えたのですが、関数名の後に（）をつけると動作が変わってきてしまいます........。

とどのつまりお伺いしたいのは、
・return 関数名（）;
・return 関数名;
の違いはあるのか？
ということです。

よろしくお願いいたします。

Answer 1

JavaScriptは高階関数を扱えますので、関数をオブジェクトとして引数で渡したり、戻り値として返したりすることができる言語です。

質問者様のコードの例ですと、battle関数は与えられたnumに応じた関数を返す関数になります。

使用法としては、すごくシンプルに書くと以下のような形になります。

var doBattle = battle(1); // ここでloseメソッドが変数doBattleに渡される

doBattle(); // ここでloseメソッドを実行

とどのつまりお伺いしたいのは、
・return 関数名（）;
・return 関数名;
の違いはあるのか？

上述の通り、この違いは下記の通りです。

・return 関数名();
→ 関数の実行結果を返す

・return 関数名;
→ 関数そのものを返す

Comments

[dialbird]

早速のご返答ありがとうございます！

お陰様でスッキリしました。
ありがとうございます！

Answer 2

こんな感じです。

function makeAdder(num1){
  return function(num2){ return num1 + num2 }
}
function not_makeAdder(num1){
  return function(num2){ return num1 + num2 }(3)
}
makeAdder(2); //function
makeAdder(2)(3); //5
var plusTen = makeAdder(10); 
plusTen(20); //30
plusTen(100); //110
not_makeAdder(1); //4
not_makeAdder(1)(3); //error

Comments

[dialbird]

早速のご返答ありがとうございます！

そして折角答えていただいたのに、申し訳なくも理解が追いつけていない現状であります........(ｰ ｰ;)

最初のmakeAdderが引数を２個利用しているもの、ということは分かるのですが、
・notAdderの仕組み（なぜ{}の後にまた（）がついているのか？）
・errorになる理由。
がわかりません。

是非とも教えてください。よろしくお願いいたします。

[Lhankor_Mhy]

> 最初のmakeAdderが引数を２個利用しているもの
ちょっと違います。引数を2つ取る場合はこう書きますよね。
twoArg(arg1, arg2)
回答は、makeAdder()が関数を返すためにそこに()をつけてすぐに実行をしているわけです。
つまり、
makeAdder(2)(3)
↓
【引数に2を足す関数】(3)
↓
5
ということです。

> notAdderの仕組み
こちらも同様で
not_makeAdder(1)
↓
return function(num2){ return num1 + num2 }(3)
↓
return 【引数に1を足す関数】(3)
↓
return 4
ということになりますので、
not_makeAdder(1)(3)
↓
4(3)
↓
数値の4は関数ではないのでエラー
ということです。

Answer 3

勘違いで、削除しました。

すみません。関数名を呼び出し以外で、オブジェクトとして渡した事がかなったので、勘違いしてました。

Comments

[dialbird]

早速のご返答ありがとうございます！

いいえ！アドバイスをしようとしてくださり、誠に助かります！

また機会があれば是非ともお願いいたします！