es6 - 2. 화살표 함수 =>

"learning react" 책의 내용을 보고 정리 한 것입니다.

es6 에서는 function 을 쓰지 않고 함수를 만들 수 있고, return 을 사용하지 않아도  식을 계산한 값이 자동으로 반환 된다.

화살표 함수를 처음 보면 어떻게 봐야되고 어떻게 써야 되는지 금방 파악이 되지 않았는데, 다음의 예제를 보니 금방 이해가 되었다.

평상시 쓰는 함수    

var 명언 = function(firstname) {
    return `하루라도 책을 읽지 않으면 입안에 가시가 돋는다. ${firstname}`
}
console.log( 명언("안중근") )

화살표 함수    

var 명언 = firstname => `밥을먹어야 응아를 한다 - ${firstname}`
console.log( 명언("an") )

위에 소스만 봤을때 어떻게 바꼈는지 이해가 안가면 하단의 이미지를 보시면 이해가 갈 것 입니다.

화살표 함수는 function 키워드를 없앴고, retrun 도 없앤걸 알 수 있습니다.

화살표 함수의 더 자세한 정보는https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Functions/%EC%95%A0%EB%A1%9C%EC%9A%B0_%ED%8E%91%EC%85%98 여기서 확인 부탁드립니다.