JavaScript에서 선택적 함수 매개변수 선언하기
JavaScript에서 선택적(optional) 함수 매개변수를 선언하려면 기본값(default) 매개변수를 사용하면 됩니다. ES6부터 도입된 기본 매개변수 문법은 함수를 호출할 때 해당 인자가 전달되지 않으면 미리 정의된 기본값이 자동으로 사용되도록 해줍니다.
기본 매개변수의 동작 원리
매개변수 이름 뒤에 등호(=)를 붙이고 기본값을 지정하면 됩니다. 호출 시 인자가 생략되거나 undefined가 전달되면 지정된 기본값이 적용됩니다.
예제 코드
다음 코드를 직접 실행해 보면서 선택적 매개변수가 어떻게 동작하는지 확인해 보세요.
<html>
<body>
<script>
// inc 매개변수의 기본값은 1로 설정
function inc(val1, inc = 1) {
return val1 + inc;
}
document.write(inc(10, 10)); // 20 출력
document.write("<br>");
document.write(inc(10)); // 기본값 1이 적용되어 11 출력
</script>
</body>
</html>
실행 결과
위 예제에서 inc(10, 10)은 두 번째 인자로 10을 전달했기 때문에 20을 반환합니다. 반면 inc(10)처럼 두 번째 인자를 생략하면 기본값인 1이 사용되어 11이 출력됩니다.
이처럼 기본 매개변수를 활용하면 인자의 존재 여부를 일일이 검사하지 않고도 유연하고 가독성 좋은 함수를 작성할 수 있습니다.