3.1.1 화살표 함수 문법

화살표 함수는 간결한 본문(종종 간결한 화살표 함수라고 함)과 표준 함수 본문(전통적인 함수만큼 장황하지는 않지만 장황한 화살표 함수라고 함)의 두 가지 형태로 제공된다. 먼저 간결한 형태를 살펴보겠다.

값이 30 미만인 엔트리만 유지하도록 배열을 필터링한다고 가정한다. Array.prototype.filter로 콜백 함수를 전달하여 수행할 수 있다. ES5에서는 다음과 같다.

var array = [42, 67, 3, 23, 14];
var filtered = array.filter(function(entry) {
    return entry < 30;
});
console.log(filtered); // [3, 23, 14]

이것은 콜백의 일반적인 사용 사례다. 간단한 작업을 수행하고 값을 반환해야 하는 콜백이다. 화살표 함수는 이를 수행하는 매우 간결한 방법을 제공한다.

const array = [42, 67, 3, 23, 14];
const filtered = array.filter(entry => entry < 30); 
console.log(filtered); // [3, 23, 14]

익숙한 기존 함수와 비교할 때 거의 함수처럼 보이지 않는다! 걱정하지 마라. 곧 익숙해질 것이다.