[JavaScript] arguments (feat.parameters)

매개변수(parameters) 설명 출처

함수는 매개변수(parameters)를 가질 수 있다.

functionName(parameter1, parameter2, parameter3) {
    code to be executed
}
 

함수 매개변수(parameters) :  함수 정의(function definition)에 나열한 names

함수 인수(arguments) :  함수에 전달된 실제 값(values)

---

arguments

생활코딩

function sum(){
    var i, _sum = 0;    
    for(i = 0; i < arguments.length; i++){    // arguments가 4개이므로
        document.write(i+' : '+arguments[i]+'<br />');   // arguments.length는 4
        _sum += arguments[i];
    }   
    return _sum;
}
document.write('result : ' + sum(1,2,3,4));
// sum(1,2,3,4) sum()안에 1,2,3,4부분이 arguments

함수 sum은 인자로 전달된 값을 모두 더해서 리턴하는 함수다. 그런데 1행처럼 함수 sum은 인자에 대한 정의하가 없다. 하지만 마지막 라인에서는 4개의 인자를 함수 sum으로 전달하고 있다. 함수의 정의부분에서 인자에 대한 구현이 없음에도 인자를 전달 할 수 있는 것은 왜 그럴까? 그것은 arguments라는 특수한 배열이 있기 때문이다.

arguments는 함수안에서 사용할 수 있도록 그 이름이나 특성이 약속되어 있는 일종의 배열이다. arguments[0]은 함수로 전달된 첫번째 인자를 알아낼 수 있다. 또 arguments.length를 이용해서 함수로 전달된 인자의 개수를 알아낼 수도 있다. 이러한 특성에 반복문을 결합하면 함수로 전달된 인자의 값을 순차적으로 가져올 수 있다. 그 값을 더해서 리턴하면 인자로 전달된 값에 대한 총합을 구하는 함수를 만들 수 있다.

arguments는 사실 배열은 아니다. 실제로는 arguments 객체의 인스턴스다.

MDN arguments 예제

function func1(a, b, c) {
  console.log(arguments[0]);
  // expected output: 1
 
  console.log(arguments[1]);
  // expected output: 2
 
  console.log(arguments[2]);
  // expected output: 3
}
 
func1(1, 2, 3);