JavaScript에서 함수를 호출할 때 매개변수의 양이 많거나, 서로 유사한 형태의 매개변수를 전달해야 하는 경우, 코드가 복잡해지고 가독성이 떨어질 수 있습니다. 이런 경우에 사용할 수 있는 몇 가지 기술에 대해 알아보겠습니다.

Rest 파라미터

Rest 파라미터를 사용하면 함수에 전달되는 여러 매개변수를 배열로 받을 수 있습니다. 이를 통해 함수 호출 시 전달되는 매개변수의 수에 상관없이 유연하게 대응할 수 있습니다.

예를 들어, Rest 파라미터를 사용하여 여러 인수를 받는 함수를 간결하게 작성할 수 있습니다.

function sum(...numbers) {
  return numbers.reduce((total, num) => total + num, 0);
}

console.log(sum(1, 2, 3)); // 6
console.log(sum(1, 2, 3, 4, 5)); // 15

Spread 연산자

Spread 연산자를 사용하면 배열 또는 객체를 펼쳐서 함수에 전달할 수 있습니다. 이를 활용하면 함수 호출 시에 배열 또는 객체의 요소를 개별적인 매개변수로 전달할 수 있습니다.

예를 들어, Spread 연산자를 사용하여 배열을 함수의 인수로 전달할 수 있습니다.

function greet(name, age) {
  console.log(`안녕하세요, ${name}님! 당신은 ${age}살 입니다.`);
}

const person = ['홍길동', 30];
greet(...person);

이러한 방법들을 사용하여 JavaScript 함수 호출을 간결하게 작성할 수 있으며, 매개변수의 다양한 형태에 유연하게 대응할 수 있습니다.

여기까지 JavaScript 함수 호출 간결화에 대해 알아보았습니다.

참고문헌:

• MDN web docs - Rest 파라미터
• MDN web docs - Spread 연산자