JavaScript에서 함수에 인수가 전달되었는지 확인하려면 기본값(default) 매개변수를 활용하면 됩니다. 기본값 매개변수는 함수 호출 시 해당 인수가 생략되거나 undefined가 전달될 경우 미리 정의된 값으로 자동 대체해 주는 ES6(ES2015) 문법입니다.
기본 매개변수의 동작 원리
함수를 선언할 때 매개변수에 = 기호를 사용하여 기본값을 지정하면, 호출자가 인수를 넘기지 않아도 오류 없이 안전하게 동작합니다. 이를 통해 인수 전달 여부를 간편하게 처리할 수 있습니다.
예제 코드
다음 예제는 두 개의 매개변수에 기본값을 설정하고, 인수를 다양한 조합으로 전달하며 결과를 확인하는 코드입니다.
<!DOCTYPE html>
<html>
<body>
<script>
function display(arg1 = 'Tutorials', arg2 = 'Learning') {
document.write(arg1 + ' ' + arg2 + "<br>");
}
display('Tutorials', 'Learning');
display('Tutorials');
display();
</script>
</body>
</html>실행 결과
Tutorials Learning Tutorials Learning Tutorials Learning
결과 분석
- display('Tutorials', 'Learning') — 두 인수가 모두 전달되므로 전달된 값이 그대로 출력됩니다.
- display('Tutorials') — 두 번째 인수가 생략되었으므로 기본값인
'Learning'이 자동으로 적용됩니다. - display() — 인수가 하나도 전달되지 않았으므로 두 매개변수 모두 기본값인
'Tutorials'와'Learning'으로 대체됩니다.
이처럼 기본 매개변수를 사용하면 별도의 조건문(typeof 검사 등) 없이도 인수 전달 여부를 우아하게 처리할 수 있어 코드가 더 간결하고 가독성이 높아집니다.