Vanilla JS - 화살표 함수

function(매개변수) { return 리턴값 } 을 (매개변수)=>{ return 리턴값 }으로 표현 가능

const add = function(x, y){
    return x + y;
}

const add = (x, y) => {
    return x + y;
}

중간 처리과정이 없고 리턴만 있는 경우 더 줄일 수 있다.

(매개변수) => 리턴값

const add = (x, y) => x + y;

단, 화살표 함수와 function 은 차이점이 있다.

this가 가르키는 대상이 다름.

• function 내부의 this는 외부의 this와 다르기때문에 따로 변수에 빼서 사용했어야 했음.

• 화살표 함수는 함수 내부의 this를 외부의 this와 같게 만들어 준다.