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

JavaScriptのアロー関数について解説します。

検証環境

JavaScript -

macOS

14.1

アロー関数

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

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

無名関数の構文に比べ、functionの記述は必要ありません。

その代わりに終了丸括弧（)）と開始波括弧（{）の間に=>を記述します。

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

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

アロー関数の『引数なし』、『引数あり』、『引数あり（１個）』のパターンについて以下にサンプルを示します。

sample.js

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

message();

Console

Hello World.

sample.js

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

let result = addition(3, 7);

console.log(result);

Console

sample.js

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

greeting("Good Morning");

Console

Good Morning