🐙

javascript 本日学んだことのまとめ

2023/08/09に公開

関数について

{

    function double(num) {//仮引数
        return num * 2;

    }
    console.log(double(10));//実引数
    console.log(double(4) * 3);

}

numにreturnの数値を戻り値として返すことによって、
double(10)の部分は20になり、
double(4) *3の部分は24になる。

{

    // function sum(a, b) {
    //     return a + b;
    // }
    // console.log(sum(300, 700));
    
    function sum(a, b) {
        console.log(a + b);
        return a + b;
    }
    sum(300, 700);

}

上記どちらの書き方でも合計の計算は可能。

仮引数にデフォルト値を設定する方法

商品の値段と個数、消費税込みの計算をしたい場合。
税率1.1を固定したい場合

{

    function calculateTotal(price, amount, rate = 1.1) {
        return price * amount * rate;
    }
    console.log(calculateTotal(100, 10));
    console.log(calculateTotal(150, 10));
    console.log(calculateTotal(120, 10));
    console.log(calculateTotal(120, 10, 1.08));

}

rate = 1.1と記載すると、何も入力していない場合に自動的に1.1が適用される。

処理の途中でreturnを使用する場合

{

    function calculateTotal(price, amount, rate = 1.1) {
        if (amount >= 100) {
            return price * amount
        } else {
            return price * amount * rate;
        }

    }
    console.log(calculateTotal(100, 100));
    console.log(calculateTotal(1000, 10));


}

Or

       if (amount >= 100) {
            return price * amount
        }
        return price * amount * rate;


    }
    console.log(calculateTotal(100, 100));
    console.log(calculateTotal(1000, 10));

関数に関しては最初に他の教材で触れた時は訳わからずでしたが、
ドットインストールの説明を聞いたらスッと理解することができました。
これからウェブサイト開発に向けて勉強頑張るぞー!

Discussion