[JS] 가변인자 함수

참고. 

전개 구문 - JavaScript | MDN

전개 구문(spread syntax)을 활용하면 쉽다.

function spreadFunc(...args) {
    console.log(args);
}

spreadFunc();
spreadFunc(1);
spreadFunc(1, 2, 3);
spreadFunc('a', 1, {});

/* 실행 결과
[]
[ 1 ]
[ 1, 2, 3 ]
[ 'a', 1, {} ]
*/

매개 변수는 전개 구문과 일반 변수를 혼용할 수 있다.

function spreadFunc(num1, num2, ...args) {
    console.log(num1);
    console.log(num2);
    console.log(args);
    console.log('\n');
}

spreadFunc();
spreadFunc(1);
spreadFunc(1, 2, 3, 'a', 1, {});

/* 실행 결과
undefined
undefined
[]


1
undefined
[]


1
2
[ 3, 'a', 1, {} ]
*/

그러나 전개 구문은 그 특성상 반드시 매개변수 마지막에 위치하여야만 한다.

function spreadFunc(...args, num1, num2) {
    console.log(num1);
    console.log(num2);
    console.log(args);
    console.log('\n');
}

spreadFunc();
spreadFunc(1);
spreadFunc(1, 2, 3, 'a', 1, {});

/* 실행 결과
function spreadFunc(...args, num1, num2) {
                           ^
SyntaxError: Rest parameter must be last formal parameter
... 생략

function spreadFunc(num1, ...args, num2) {} 도 마찬가지로 SyntaxError가 반환된다.
*/

간단한 테스트는 아래에서 가능!

Run JavaScript in the browser - glot.io