関数のロジックについて一から教えてください。

Question

function kansu(num1){
	var num = 1;
	if(num < 2){
		return num1;
	}
	alert(num1);
}
var aaa = kansu(10);

やりたいことは
if文で左辺と右辺を比較し
左辺が右辺より大きい場合はアラートで10と出したいです。
それ以外ははじくという処理を行いたいです。
javascriptをやり始めて日がまだ浅いので関数のロジックについて教えていただける方を
探しております。
単純な質問で申し訳ございませんが、ご教示の程よろしくお願いします。

Comments

[chelsy7110]

書いてあるコードで一応書かれている動きになっているのではないかと思うのですが・・・書かれているコードの動きを詳しく知りたいということでしょうか？

[haruniku]

はい！その通りです。

[haruniku]

returnの部分はnum1ではなくnumということでしょうか？

Answer 1

1. var aaa = kansu(10);でnum1に10が入った状態でfunction kansu(num1)が呼ばれます。
2. var num = 1;でnumに1が入ります。
3. if(num < 2)でnumと2を比較します。この場合はnum = 1ですので、num < 2 = trueとなります。
4. return num1;により、num1が呼び出し元に返ります。
5. aaaに10が入ります。

このような動きになっています。
現在はnumと2の比較をしていますのでalert(num1);が呼び出されることは絶対にありません。
var num = 1;をvar num = 3;に変更してみるとアラートが出るのではないかと思います。
アラートが呼び出された場合にはreturn文がありませんので、呼び出し元に何も返らずaaa = undefinedになります。

Comments

[haruniku]

丁寧なご回答ありがとうございます。
+1付けさせていただきます。
1~5までじっくりと読ませて頂きました。
もう1点ご質問させて頂きます。
今回は関数の中にnumという変数を作ったのですが、resultで定義しても結果は同じでしょうか？

[haruniku]

質問がわかりづらくて申し訳ございませんが
var num = 0
var result = 0
はそれぞれ名前のついた変数という認識でよろしいでしょうか？

[chelsy7110]

変数名は他の変数名と被らなければ自由です。
numでもresultでもhogeでも構いません。

[haruniku]

ご回答ありがとうございます。
たびたび質問して申し訳ございまん。
var aaa = kansu(10);
ではなく
var num = kansu(10);
だとうまく処理がされない理由を教えていただけないでしょうか？

[chelsy7110]

実行してみましたか？
var num = kansu(10);でもちゃんと動作はすると思いますが。

Answer 2

javaの話だと詳しいことは分かりませんが、SCOPEについて調べた方が良いかと。
コール元とコール先で同じresultという変数名を使用しても、実際は違う物になります（使用されるメモリ位置が違う）
なのでvar result = kansu(10)でも問題ありません。
ただ実態が違うのに、同じ変数名を使用するのは後々混乱の元になります。
同じ変数名を使う明確な理由が無いのであれば、aaaでもresult2でも何でも良いので
違う変数名にした方が良いです。

Answer 3

function kansu(num1){
	var result = 3;
	if(result < 2){
		return num1;
	}
	alert(num1);
}
var aaa = kansu(10);

上記の回答者様ご回答頂きありがとうございます。
ただ、もう一点新しい疑問が出てきました。
なぜ、var result = kansu(10); ではなく var aaa = kansu(10); なのかという疑問です。
どなたかその点に関して教えて頂ける方いらっしゃいますでしょうか？
素朴な疑問で申し訳ございませんが宜しくお願いします。