ES6, Arrow Function
Arrow Function
Arrow Function(화살표 함수)는 function 키워드를 활용해 함수를 반드는 방법으로 ES6 부터 지원하고 있다.
기본 문법
콜백 함수에 활용
this
일반 함수의 this
Javascript에서 일반 함수의 this는 함수의 호출 방식에 따라 this에 bind 될 객체를 결정한다.
- 함수 호출인 경우 this는 window 객체를 가리킨다
- 생성자 함수 호출인 경우 this는 함수의 인스턴스를 가리킨다
- 메서드 함수 호출인 경우 this는 해당 메서드를 소유하는 객체를 가리킨다.
- apply/call/bind를 활용 할 경우 this에 바인딩될 객체를 결정 할 수 있다
Arrow function의 this
화살표 함수의 this는 언제나 상위 스코프(lexical scope)를 가리키며 call,apply,bind 함수를 통해 this를 변경 할 수 없다