[JavaScript] 자바스크립트 변수와 인수

---

자바스크립트 변수와 인수

---

매개변수(parameter)

매개변수란(parameter) 란,

함수의 정의에서 전달받은 인수를 함수 내부로 전달하기 위해 사용하는 변수를 뜻합니다.

인수(argument) 란 ,

함수가 호출할 때 함수로 값을 전달해주는 값을 말합니다.

---

자바스크립트에서는 함수를 정의할 때는 매개변수의 타입을 따로 정의하지 않습니다.

함수를 호출할 때에도 인수(argument)로 전달된 값에 대해 어떠한 타입 검사도 하지 않습니다.

 

함수를 호출할 때 함수의 정의보다 적은 수의 인수가 전달되더라도, 다른 언어와는 달리 오류를 발생시키지 않습니다.

자바스크립트는 전달되지 않은 나머지 매개변수에 자동으로 undefined 값을 설정합니다.

function addNum(x, y, z) { // x, y, z라는 3개의 매개변수를 가지는 함수 addNum()을 정의함.

    return x + y + z;

}

addNum(1, 2, 3); // 인수로 1, 2, 3을 전달하여 함수를 호출함. -> 6
addNum(1, 2);    // 인수로 1, 2을 전달하여 함수를 호출함. -> NaN
addNum(1);       // 인수로 1을 전달하여 함수를 호출함. -> NaN
addNum();        // 인수로 아무것도 전달하지 않고 함수를 호출함. -> NaN

 

---

인수(arguments)

함수의 정의보다 더 많은 수의 인수가 전달되면, 매개변수에 대입되지 못한 인수들은 참조할 방법이 없게 됩니다.

하지만 arguments 객체를 이용하면, 함수로 전달된 인수의 총 개수를 확인하거나, 각각의 인수에도 바로 접근할 수 있습니다.

arguments 객체는 함수가 호출될 때 전달된 인수를 배열의 형태로 저장하고 있습니다.

첫 번째 인수는 arguments[0]에 저장되며, 다음 인수는 arguments[1]에 저장됩니다.

또한, 인수의 총 개수는 arguments 객체의 length 프로퍼티에 저장됩니다.

function addNum() {
    var sum = 0;                                // 합을 저장할 변수 sum을 선언함.
    for(var i = 0; i < arguments.length; i++) { // 전달받은 인수의 총 수만큼 반복함.
        sum += arguments[i];                    // 전달받은 각각의 인수를 sum에 더함.
    }
    return sum;
}

addNum(1, 2, 3); // 6
addNum(1, 2);    // 3
addNum(1);       // 1
addNum();        // 0
addNum(1, 2, 3, 4, 5, 6, 7, 8, 9, 10); // 55

※ arguments 객체는 배열과 비슷할 뿐, 실제로 Array 객체는 아닙니다. 숫자로 된 인덱스와 length 프로퍼티만을 가지고 있을 뿐, 모든걸을 배열처럼 다룰 수는 없습니다.

---

 

---

출처 TCPschool.com