JavaScriptを習得したい

関数の使い方

宣言

関数を作ること。

決められたルールに従って、あるデータを別のデータに変換するものを作る。

関数は自由に作ることができ、関数を作ることを関数宣言と言う。

参照

データとして関数を扱うこと。

関数もデータであり、関数をデータや値として扱うことを参照するという。

呼び出し

関数に値を渡して変換してもらうこと。

関数は自由に作ることができます。関数宣言をして関数を作り、参照や呼び出しという形で関数を使っていくわけです。

関数は宣言した（作った）だけでは動作しません。関数は呼び出さないと動かないのですが、関数を動かして値を変換させる際に必要なのが呼び出しです。

変換が必要な時に
関数名 ();
で関数を呼び出して、その時に渡す値があれば ( ) の中に記述します。

function 関数名(引数) {
    処理
    return 戻り値;
}

関数名 ();      //関数の呼び出し

関数の書き方

関数の書き方として、ここでは下記の3パターンを説明しています。

• functionキーワードで宣言する関数式を使う書き方
• 関数リテラル表現での書き方
• アロー関数式を使う書き方

function 関数名(引数) {
    処理
    return 戻り値;
}

function max(x, y) {
    if(x < y) {
        return y;
    }
    return x;
}

max(2, 5);

const max2 = function (x, y) {
    if(x < y) {
        return y;
    }
    return x;
}

max2(2, 5);

(引数) => {
    処理
    return 戻り値;
}

引数 => {
    処理
    return 戻り値;
}

(引数) => 処理;

const max = (x, y) => {
    if (x < y) {
        return y;
    }
    return x;
}

max(2, 5);

const getObject = () => ({hoge: "ほげ"});

getObject();

returnの挙動による処理の流れ

関数に return命令がある場合、returnに到達するとそこで処理が終了します。その流れを先程からの例で見てみます。

function max(x, y) {
    if(x < y) {
        return y;
    }
    return x;
}

xよりyの値が大きければyの値を返す。そうでなければxの値を返す関数になっています。

関数ブロックの中の if文の条件に一致して if分の中に入った場合、return y; によってyを返し、そこでその関数の処理は終了します。よって以降の処理は行いません。

関数の参照

関数名( );
とすることで、関数を呼び出し変換結果を受け取ります。その時渡したい値があれば丸括弧の中に記述します。

const calc = (x2, y2) => {
    return x2 + y2;
}

calc(2, 3);

変換結果はです。

上記コードでは、関数calc に2と3を渡した場合の変換結果を受け取る、先ほどからと同様の関数の呼び出しです

calc(a, b)の部分（関数呼び出し部）で、丸括弧とその中身を省いた
calc;
といった記述にすると、関数そのものを得る命令になります。

calc;     //関数そのものを得る呼び出し

これが関数を参照していることになります。( ) を付けると変換結果が返るが、( ) を省くと関数を参照する（関数そのものを呼び出す）ことになります。

関数を参照するタイミングとしては下記のような場合があります。

• 関数を別の関数に渡す。
• 関数を、戻り値として関数から返す。