자바스크립트에는 함수를 간결하게 정의할 수 있는 애로우 함수라는 기능이 있습니다. 이 기능은 ES6(또는 ECMAScript 2015)에서 도입되었습니다. 애로우 함수는 function 키워드를 사용하지 않고도 함수를 정의할 수 있어서 코드를 간결하게 만들어 줍니다.

또한, 애로우 함수에서는 레스트 파라미터라는 특별한 파라미터 문법을 사용할 수 있습니다. 레스트 파라미터를 사용하면 함수 내에서 임의의 개수의 파라미터를 배열로 받아올 수 있습니다.

이번 포스트에서는 애로우 함수와 레스트 파라미터에 대해 자세히 알아보겠습니다.

애로우 함수 (Arrow Function)

애로우 함수는 다음과 같이 사용합니다.

const add = (a, b) => {
  return a + b;
};

이 코드에서 (a, b) => { return a + b; } 부분이 애로우 함수입니다. 괄호 안에 파라미터를 적고, 화살표(=>)를 이용해 함수의 본문을 정의합니다. 위의 코드는 a와 b를 더한 값을 반환하는 함수를 정의한 것입니다.

만약 함수가 단일 표현식을 반환하는 경우 중괄호와 return 문을 생략할 수 있습니다. 따라서 위의 예제는 아래와 같이 간결하게 변경할 수 있습니다.

const add = (a, b) => a + b;

레스트 파라미터 (Rest Parameter)

레스트 파라미터를 사용하면 함수에서 임의의 개수의 파라미터를 배열로 받을 수 있습니다. 다음은 레스트 파라미터를 사용한 간단한 예제입니다.

const sum = (a, ...args) => {
  let total = a;
  for (let num of args) {
    total += num;
  }
  return total;
};

console.log(sum(1, 2, 3, 4, 5)); // 출력: 15

위의 코드에서 ...args 부분이 레스트 파라미터입니다. sum 함수는 첫 번째 파라미터 a를 받고, 나머지 파라미터는 args 배열로 받아옵니다. 이를 통해 임의의 개수의 파라미터를 함수에 전달할 수 있습니다.

결론

애로우 함수와 레스트 파라미터를 사용하면 코드를 간결하게 작성할 수 있고, 더 유연한 함수를 만들 수 있습니다. 이러한 ES6 기능을 활용하여 자바스크립트 코드를 더 효율적으로 작성해 보세요.

더 많은 정보를 알고 싶다면 공식 MDN 웹 문서를 확인해 보세요.