[JS] 화살표 함수

화살표 함수 (arrow function)는 EC6 문법에서 함수를 표현하는 새로운 방식이다.

그렇다고 해서 기존 function을 이용한 함수 선언 방식을 아예 대체 하지는 않는다. (사용 용도가 조금 다르다)

이 문법은 주로 함수를 파라미터로 전달 할 때 유용하다.

아래 첨부한 사진들에 코드로 확인 해 보자.

function을 사용 했을 때의 this.name은 검둥이다.

 

()=> arrow 함수를 이용 했을 때의 this.name은 흰둥이다.

둘의 결과가 다른 것을 알 수 있다.

function()을 사용 했을 때는 검둥이가 나타났고,

()=>을 사용 했을 때는 흰둥이가 나타났다.

일반 함수는 자신이 종속된 객체를 this로 가리키며, 화살표 함수는 자신이 종속 된 인스턴스를 가리킨다.