Dev Blog

스크립트 & 소스코드 공유

실무에서 유용하게 쓰는 스크립트와 코드 조각을 블로그 게시판으로 저장하고 공유합니다.

JAVASCRIPT 자바스크립트 함수 매개변수 활용 - rest(…), arguments

페이지 정보

조회 216회 작성일 21-06-16 10:11
자바스크립트 함수에서 매개변수를 효율적으로 활용하는 방법을 소개한다. 일반 매개변수(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>


Let's create something great together.

프로젝트 문의 및 견적 요청은 언제든 환영합니다.