[JavaScript] アロー関数

通常の function 式の代替構文です。

注意：Internet Explorerでは動きません。

function式とアロー関数の比較

引数が1つの場合

「return」の有無に注意すること

// 従来の関数
function (a){
  return a + 100;
}

// 以下はいずれも有効なアロー関数

// 1. 「function」を削除、「=>」を追加
(a) => {
  return a + 100;
}

// 2. 波括弧と「return」を削除
(a) => a + 100;

// 3. 引数の丸括弧を削除
a => a + 100;

引数が2つ以上の場合

// 従来の関数
function (a, b){
  return a + b + 100;
}

// アロー関数
(a, b) => a + b + 100;

引数がない場合

// 従来の関数
let a = 4;
let b = 2;
function (){ 
  return a + b + 100;
}

// アロー関数
let a = 4;
let b = 2;
() => a + b + 100;

#JavaScript #アロー関数