[Javascript/ES6] 함수 파라미터(매개변수) 기본값 설정하기

 

Javascript(ES6)에서는 

함수를 호출할 때 파라미터를 넘겨주지 않은 경우

기본값을 설정해 줄수 있습니다.

 

 

함수 파라미터(매개변수) 기본값 설정하기

 예제1. ES6이전 

function multiply(a, b)	{
    if(b === undefined)	{
    	b = 1;
    }
    
    return a * b;
}

document.write(multiply(3, 2));
document.write('<br>');
document.write(multiply(3));

 

ES6 이전의 Javascript에서는 함수 매개변수의 기본값을 설정하기 위해서

함수의 안에서 조건문을 사용하여 매개변수의 값을 체크하고, 기본값을 설정해 주었습니다.

위 예제 코드의 multiply() 함수는 

두번째 파라미터인 b가 입력되지 않으면 기본값을 '1'로 세팅합니다.

 

 

 예제2. ES6 

function multiply(a, b=1)	{
	return a * b;
}

document.write(multiply(3, 2));
document.write('<br>');
document.write(multiply(3));

 

ES6에서는 위와 같이 함수 매개변수의 기본값을 설정할 수 있습니다.

이 코드는 예제1과 같은 기능을 합니다.

만약, 두번째 파라미터 b가 입력되지 않으면 b의 값을 1로 세팅해서 계산합니다.

이렇게 하면, 예제 1보다 훨씬 가독성이 좋아집니다.

파라미터가 입력되지 않는 경우에 값이 어떻게 처리되는지 쉽게 알 수 있고,

함수 바디부분에는 매개변수 유효성체크(validation) 부분이 빠지고,

함수의 원래 기능만 구현할 수 있게 됩니다.