화살표 함수

ES란, ECMASript의 약자이며 자바스크립트의 표준, 규격을 나타내는 용어이다.

ES5는 2009년, ES6는 2015년에 출시 됐다.

 

ES6에서 등장한 화살표 함수에 대해서 알아보자.

 

함수 표현식을 화살표 함수로 표현할 수도 있다.

화살표 함수가 추가되어 함수를 간결하게 나타낼 수 있게 되어 가독성 및 유지 보수성이 올라갔다.

만약 함수의 본문(body)에 return만 있는 경우 화살표 함수는 return과 {}를 생략할 수 있다. 단, 같이 생략해야한다.

return문에서 소괄호는 사용가능하다.

 

단, 모든 경우에 화살표 함수를 사용할 수 있는것은 아니다.

화살표 함수(함수명 대신 변수명에 함수 코드를 저장하는 구현 방식)는 익명 함수로만 사용할 수 있다.

또는 콜백 함수로 사용할 수 있다.

 

function 키워드로 생성한 일반 함수와 화살표 함수의 가장 큰 차이점은 this이다.

JS는 함수 호출 방식에 의해 this에 바인딩할 어떤 객체가 동적으로 결정된다.(Strict mode에서는 약간 다르다.)

변수와 다르게 '함수를 호출할 때 함수가 어떻게 호출되었는지에 따라' this에 바인딩할 객체가 동적으로 결정된다.