arrow function 문법

기본 사용법

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

위 코드에서 function을 다른 기호로 변경할 수 있는 JS 문법이 있다. 그게 바로 arrow 문법이다. 해석하면 화살표인데 아래의 코드를 보면 왜 화살표 문법인지 알 수 있다 .

 

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

 

function을  => 이 기호로 변경해서 사용할 수 있다. 

 

 

생략하기

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

// 괄호 생략하기 - 매개변수가 하나일 경우 괄호를 생략해서 사용할 수 있다. 
pants.forEach(a => {
  console.log(a);
});

//중괄호{} 생략하기 - 중괄호{}안에 return한줄 밖에 없다면 중괄호를 생략해서 사용할 수 있다. 
pants.forEach(a => 
  console.log(a);
);

⚠️주의⚠️

arrow function을 쓰면 함수 내부의 this 뜻이 달라질 수 있다.
함수 안에서 this(e.currnettarget)를 재정의해주지 않고 바깥에 있던 this를 그대로 쓴다.