개발모음집

js 화살표함수 (arrow function) 본문

client

js 화살표함수 (arrow function)

void 2020. 6. 15. 10:00

화살표함수란?

화살표 함수 표현(arrow function expression)은 function 표현에 비해 구문이 짧고  자신의 this, arguments, super 또는 new.target을 바인딩 하지 않습니다. 화살표 함수는 항상 익명입니다. 이  함수 표현은 메소드 함수가 아닌 곳에 가장 적합합니다. 그래서 생성자로서 사용할 수 없습니다.

 

Function.name

function.name 속성(property)은 함수 이름을 반환합니다.

developer.mozilla.org

 

 

왜 쓰는것일까? 

es5 까지는 함수로 호출했을 시 함수 내부에서 this가 전역객체를 바라보는 문제가 있었다.
(메서드로 호출했을 때와 함수로 호출했을 때 this가 가리키는게 다른 문제)

화살표함수는 이점을 보완하고자 나온 함수 선언법이다.

 

어떻게?

 

=>