arrow function

arrow function 문법

arr.forEach(function(data) {
    console.log(data);
});

arr.forEach( (data) => {
    console.log(data);
});

arr.forEach( data => {
    console.log(data); // 파라미터 () 생략
});

arr.forEach( (data) =>
    data; // {} return 생략
);

let func = function() { console.log('hi'); };
let func = () => { console.log('hi'); };

• 콜백 함수는 () => {} 로 대체하여 사용 가능하며, 이를 arrow function이라고 부른다
  - (참고) arrow function 에서 콜백 파라미터가 1개면 ()를 생략해도 된다
  - (참고) arrow function 에서 return 한 줄만 출력할 경우 {} return 은 생략해도 된다
• 함수를 변수에 저장해 사용할 때도 arrow function 사용 가능하다
• 콜백 함수 내에서 this를 사용할 경우 주의해야 할 것은, function() {}은 해당 위치에 맞는 this 타겟을 재정의 해주지만, arrow function은 바깥에 지정되어 있던 this 를 그대로 사용한다