[JavaScript] 함수 기본 매개변수 (Default Parameters) 사용법

기본 매개변수(Default Parameters)란?

함수에 전달된 매개변수의 값이 undefined이거나 전달된 값이 없을 때, 초기화 설정된 값을 말한다.

 

사용법

파라미터 뒤에 = 를 붙이고, 그 뒤에 기본으로 설정할 값을 입력하면 된다.

function name(param = defaultValue){
	...
}

아래 사용 예시를 살펴보자.

 

 

function sum(a, b) {
    return a + b;
}

console.log(sum(1, 2));   // 3
console.log(sum(1));      // NaN

일반적으로 함수 호출 시 정해진 매개변수의 갯수만큼 인자로 넘겨주어야 한다.

위 코드를 보면 sum 이라는 함수의 매개변수는 a와 b 두개이며, sum 호출 시 1개의 인자만 넘겨주면 NaN이 반환된다. NaN이란 Not-a-Number 를 의미하여, 잘못된 숫자 또는 계산을 뜻합니다.

 

 

function sum(a, b = 5) {
    return a + b;
}

console.log(sum(1, 2));             // 3
console.log(sum(1));                // 6
console.log(sum(1, undefined));     // 6

sum 함수의 두번째 매개변수 b에 디폴트로 5라는 값을 설정해주었다. 두번째 파라미터에 값이 넘어오는 경우 해당 값이 b라는 변수에 할당되고, 전달받는 값이 없거나 undefined를 전달받게 되면 5라는 값이 변수 b에 할당된다.

따라서, 두번째 콘솔로그 코드를 보면 sum 함수 호출 시 인자로 1만 넘겨주었는데도 불구하고, 6이라는 값을 반환받게 된다.