javascript関数のコードの理解に関して。（progate/javascript学習レッスン/関数を学ぼう/総合演習）

Question

progateでjavascriptを学習しております。

progate/javascript学習レッスン/関数を学ぼう/総合演習で、以下のコードでなんとなく理解が出来ていない箇所があります。

const number1 = 1;
const number2 = 3;
const number3 = 5;

// getMax関数を定義してください
getMax=(a,b,c)=>{
  let max = a;
  if(b > max){
    max = b;
  }if(c > max){
    max = c;
  }
  return max;
}

// 「最大値は○○です」と出力してください
const maxNum = getMax(number1,number2,number3);
console.log(`最大値は${maxNum}です`);

上記コードのgetMax()関数の返り値（return max）の考え方として、
getMax()関数は　引数にあたえられた値を変数maxとして返す。という理解でいいでしょうか？
return max;の捉え方がいまいち腑に落ちません。

どなたかよろしければ解説お願いします。

Answer 1

関数自体がわからないってことでしょうか?

多分、数学の関数とほぼ一緒だと思います。f(x)とかみたいな。
なんらかの値xをf(x)に与えると、処理されてその結果が返ってくるっていう。

y = f(x) に x = 5 だとすると、y = f(5) = 100 とか。
ただ、数学と違うのは、計算だけではなく、処理もするってことです。たとえばconsole.logとかみたいに。

呼び出し側は処理する大雑把な内容と引数と呼ばれる処理対象、そしてその結果だけ分かっていればいいのです。処理方法は関数がやってくれます。

でも、

function Calc(a,b,c){
    let d = a * b * c;
}

とすると、単に関数内で処理しているだけで、呼び出し側はこのdを取得できません。(JavaScriptの場合、やろうと思えばできなくはないが)

そこで、関数を呼び出している側(呼び出し側)にその処理結果を返したいですね。ということで、returnによって値を返すのです。つまり『呼び出し側に処理結果を渡すため』にreturnを使うのです。

ただし、処理だけして結果を返さなくてもいいような関数もあります。その場合はreturnは不要です。

でも、

function Calc( a, b, c ){
    if( a == 0 ) return;
    
    console.log( a + b + c );
}

のように、途中で関数を終了する場合もあえてreturnを使うこともありますが、基本的には『呼び出し側に計算結果や処理結果を渡したい』ときにreturnを使います。

ちなみに、質問にある、getMax=(a,b,c)=>...みたいな書き方は、「関数をオブジェクトとして見なしている」らしいです。

Comments

[Fukusuke0604]

丁寧な解説ありがとうございます。今回の場合、 return max;　によって getMax(number1,number2,number3);に処理結果を渡している。　　

スッキリできました。
ありがとうございます。

Answer 2

何がわからないかわかりませんが

• 引数が３つ、順にa,b,cとあって、とりあえず最初の数が最大値とする
• 最大値(max)とbを比べて大きいほうがmax
• 最大値(max)とcを比べて大きいほうがmax
• 最終的に変数maxを返す

フローチャートなど書いてみれば非常にシンプルな構造だとわかると思いますが・・・
実際にはMath.maxなどで処理すれば済む話です

Comments

[Fukusuke0604]

コメント、ありがとうございます。
return max の　maxはどこに返されているのか？という質問だったのですが、
getMax()関数を実行すると、処理結果として、変数maxという値が返ってくる。　という考えでいいでしょうか？

[yambejp]

ユーザー関数内でreturn 値をすると、その値を戻り値として返します
https://developer.mozilla.org/ja/docs/Web/JavaScript/Guide/Functions

[Fukusuke0604]

ありがとうございます。　納得できました。　もっと勉強して慣れていきます！！