30DAYSトライアル2ndのまとめ【DAY3】

2ndのDAY3の課題は「Progate：JavaScript Ⅲ」になります。

ProgateのJavaScriptはⅤまでありますが、とりあえずJavaScriptはここまでのようです。

関数

// function以降の記述が関数で関数を定数に代入している
const 定数名 = function(引数1, 引数2, ・・・・・) {
    処理;
    return 戻り値;
};

// 関数の呼び出し
let 戻り値 = 定数名(引数1, 引数2, ・・・);

// function以降の記述が関数で関数を定数に代入している

const 定数名 = function(引数1, 引数2, ・・・・・) {

処理;

return 戻り値;

};

// 関数の呼び出し

let 戻り値 = 定数名(引数1, 引数2, ・・・);

const 定数名 = function(引数1, 引数2, ・・・) {
    処理;
};

// 上記の「function()」部分を「() =>」で表現する
const 定数名 = (引数1, 引数2, ・・・) => {
    処理;
};

const 定数名 = function(引数1, 引数2, ・・・) {

処理;

};

// 上記の「function()」部分を「() =>」で表現する

const 定数名 = (引数1, 引数2, ・・・) => {

処理;

};

Progateのパートに入ってから毎度言ってますが、他の言語を学習してたら特に問題ない内容ですが、プログラミング初心者の方だと厳しくなってくるんですかね。

それ以外で強いて言うならアロー関数のメリットが良く分からないですね。

「function()」をシンプルにするためって説明が書いてありましたが、逆に意味不明になってる気がしてならないです。

個人的には「() =>」って入力するよりも「function()」って入力したほうが入力しやすいですし。

と気になってちょっとググってみたら、ただ単にシンプルにしただけでなく、thisの挙動が変わるみたいですね。

なので単純にアロー関数で書いときゃ良いってわけじゃなさそうなので注意が必要ですね。