【JavaScript】アロー関数 - 無名関数の省略記法

JavaScriptのアロー関数をご紹介します。

アロー関数

アロー関数は無名関数の省略記法です。

( 引数変数 ) => {
    // 処理........
}

無名関数の記法に比べ、functionの記述は必要なく、その代わりに終了丸括弧（)）と開始波括弧（{）の間に=>を記述します。

また、引数が１つの場合は丸括弧を省略することができます。

引数変数 => {
    // 処理........
}

Sample

let addition = ( x, y ) => {
    let total = x + y;
    return total;
};

let z = addition(3, 7);

console.log(z);

Console

Sample

let message = () => {
    console.log("Hello World.")
};

message();

Console

Hello World.

Sample

let greeting = content => {
    console.log(content);
}

greeting("Good Morning");

Console

Good Morning