[JS] arrow function 문법 (화살표 함수)

arrow function 문법

var pants = [28, 30, 32];
pants.forEach(function(a){
  console.log(a)
});

pants.forEach((a) => {
  console.log(a)
});

동일

pants.forEach( a => {
  console.log(this)
});

arrow function은 파라미터가 하나면

() 소괄호 생략가능

 

함수 중괄호 안에 return 한 줄 밖에 없으면

{ } 중괄호와 return 동시에 생략가능

let 함수 = function(){ console.log('안녕') }
let 함수 = () => { console.log('안녕') }

 

주의)  이벤트리스너 콜백함수안에서 this를 써야하면 arrow function 쓰면 의도와 다르게 동작

=> 그냥 일반 함수 쓰기 e.currentTarget 쓰려면