화살표 함수는 function 키워드 대신 화살표(=>)를 사용하여 보다 간략한 방법으로 함수를 선언할 수 있습니다.
화살표 함수는 this를 가지지 않고, arguments를 지원하지 않고, new와 함께 호출할 수 없으며, super가 없습니다.
화살표 함수는 모든 경우에 사용할 수 있는 것은 아닙니다.
화살표 함수는 익명 함수로만 사용할 수 있습니다. 따라서 화살표 함수를 호출하기 위해서는 함수 표현식을 사용합니다.
또는 콜백 함수로 사용할 수 있습니다. 이 경우 일반적인 함수 표현식보다 표현이 간결합니다.
function 키워드로 생성한 일반 함수와 화살표 함수의 가장 큰 차이점은 this입니다.
일반함수의 this는 함수를 호출할 때 함수가 어떻게 호출되었는지에 따라 this에 바인딩 할 객체가 동적으로 결정됩니다.
화살표함수의 this는 함수를 선언할 때 this에 바인딩할 객체가 정적으로 결정된다. 동적으로 결정되는 일반 함수와는 달리 화살표 함수의 this는 언제 상위 스코프의 this를 가리킨다. (=Lexical this)
==>
Arrow function이란 ECMAScript 2015(ES6) 이후 사용 가능한 함수 표현 문법 으로 화살표 함수라고도 불립니다. Arrow function은 익명 함수를 할당하는 방식으로 사용하며, 기존 함수 생성 방식인 function 키워드를 사용하는 것보다 훨씬 편리하고 간결하게 코드 작성이 가능합니다. 구조는 const (변수명) = (매개변수) => { (몸체) }; 입니다. 특히, function처럼 동적 스코프가 아닌 렉시컬 스코프를 지향하므로 this를 바인딩 하지 않아도 된다는 장점이 있습니다.
💟 참고자료
화살표_함수_MDN
화살표함수정리
