자바스크립트 가변 인자 함수 arguments 사용하기!

arguments

- 가변 인자 함수란?

가변 인자 함수는 매개변수의 개수가 변할 수 있는 함수입니다. 

 

자바스크립트에서는 function(a, b) 같은 식으로 a, b 2개의 매개변수를 지정하는데요.

여기서 선언할 수 있는 매개변수보다 더 많은 수를 선언한 경우에는 무시하게 됩니다.

alert("alert", "alert")

 

또한, 선언할 수 있는 매개변수 숫자보다 적게 선언하면 매개변수는 undefined로 지정됩니다. 

prompt("숫자를 입력하세요!");

위와 같이 선언해도 에러는 발생하지 않습니다! 자바스크립트는 매개변수의 개수를 정의된 것과

다르게 사용해도 괜찮기 때문입니다.

 

하지만, 매개변수를 모두 활용하고 싶을 때는 어떻게 하면 될까요?

바로, arguments를 사용하면 됩니다. 

 

변수 arguments는 매개변수의 배열입니다. 

arguments의 자료형은 object입니다. typeof(arguments)를 통해 확인할 수 있습니다.

 

그렇다면, arguments를 사용해 매개변수의 값을 전부 더한후 출력하는 코드를 만들어보겠습니다. 

 

- arguments의 활용

function sumAll(){
    var sum = 0;
    for (var i = 0; i < arguments.length; i++) {
        sum += Number(arguments[i]);
    }
    alert(sum);
}
sumAll(1,2,3);

alert를 통해 표시되는 값은 6입니다. 

이런 식으로 arguments를 이용해 매개변수의 개수가 다를 경우에 사용할 수 있습니다. 

sumAll의 매개변수를 바꿔가면서 이해하면 좋을 것 같습니다!