자바스크립트 함수 매개변수 활용 - rest(…), arguments
자바스크립트 함수에서 매개변수를 효율적으로 활용하는 방법을 소개한다. 일반 매개변수(a, b, c)를 쓰는 기본 함수, 점 3개(rest) 문법으로 여러 인자를 배열처럼 받는 함수, 그리고 매개변수 선언 없이 arguments 객체만으로 인자에 접근하는 함수를 같은 예제로 비교하며 설명한다.
예를 들어서 아래와 같이 함수를 하나 만들고 매개변수를 a,b,c 로 주었다면 결과는 6을 토해냅니다.
<script>
function plusNumber(a, b, c) {
myNum = a + b + c;
return myNum;
}
document.write(plusNumber(1, 2, 3)); // 결과는 6
</script>여기서 매개변수 a,b,c 는 점 3개를 찍음으로 배열과 같은 효과를 낼 수 있습니다.
<script>
function plusNumber(...n) {
myNum = n[0] + n[1] + n[2];
return myNum;
}
document.write(plusNumber(1, 2, 3)); // 결과는 6
</script>한발 더 나가서 매개변수 자체를 쓰지 않고 아규먼츠만을 사용하는 함수를 만들 수 있습니다.
<script>
function plusNumber() {
myNum = arguments[0] + arguments[1] + arguments[2];
return myNum;
}
document.write(plusNumber(1, 2, 3)); // 결과는 6
</script>
