B-Teck!

お仕事からゲームまで幅広く

【JavaScript】アロー関数

  • アロー関数のthisは定義した場所のthisで固定される
this.val = `global`;

let obj1 = {
    val: 'obj1',
    print:function(){
      console.log(this.val);
    },
    printAllow:() => {
      console.log(this.val);
    }
}

// obj1のthisを参照するので
// obj1が出力される
obj1.print();

// 定義した場所の外側のthisを参照するので
// globalが出力される
obj1.printAllow();
  • アロー関数はargumentsオブジェクトを持っていないので残余引数(rest parameters)で代用する
const restParamSample = (a,b,...r)=>{
    return console.log(a, b, r);
};
restParamSample(1,1,4,5,1,4);  //1 1  4, 5, 1, 4