자바스크립트에서 화살표 함수 사용하기

화살표 함수는 콜백으로 사용될 때 특별한 이점을 가지고 있습니다. 이러한 경우 코드가 얼마나 단순화되는지 예제를 통해 살펴보겠습니다. 예를 들어 다음과 같은 함수 filter가 있다고 가정하겠습니다:

javascriptfunction filter(arr, callback) {
  let res = [];

  for (let elem of arr) {
    if ( callback(elem) === true ) {
      res.push(elem);
    }
  }
  
  return res;
}

이 함수를 호출하여 콜백을 전달해 보겠습니다:

javascriptlet result = filter([1, 2, 3, 4, 5], function(elem) {
  if (elem % 2 === 0) {
    return true;
  } else {
    return false;
  }
});

이제 우리의 함수를 단순화해 보겠습니다. 먼저 if 구문을 제거하고 연산자 ===를 사용하여 조건을 직접 작성하겠습니다:

javascriptlet result = filter([1, 2, 3, 4, 5], function(elem) {
  return elem % 2 == 0;
});

이제 일반 함수를 화살표 함수로 바꿔보겠습니다:

javascriptlet result = filter([1, 2, 3, 4, 5], elem => elem % 2 == 0);

javascriptlet result = filter([1, 2, 3, 4, 5], function(elem) {
  if (elem > 0) {
    return true;
  } else {
    return false;
  }
});