bigmac-jp blog

web開発関連のメモ

JavaScript アロー関数

アロー関数はES6から導入された。
従来の無名化数や匿名関数よりもシンプルなコードを書くことができる。

// 無名関数
let getHoge = function(id){
    console.log(id);
}

// アロー関数
let getHoge = (id) =>{
    console.log(id);
}

// アロー関数 中括弧の省略も可能
let getHoge = (id) => console.log(id);

アロー関数はただのシンタックスシュガーではなくて、thisを束縛する。
アロー関数が宣言された時点でthisは決定して、それ以降に呼び出し元オブジェクトによって変更されない。