[JavaScript] 디폴트 파라미터(default parameter) 사용법(기본 파라메터)

자바스크립트 ES6부터는 디폴트 파라미터(default parameter)를 사용해 함수 파라미터의 기본값을 지정할 수 있습니다. 이번 포스팅에서 알아보겠습니다.

 

 기본 매개변수(default parameter) 사용법 

// 사용법
function 함수명(파라미터명="기본값") {
// 함수 본문
}

디폴트 파라미터(default parameter)의 사용법은 간단합니다. 위와 같은 형식으로 파라미터 뒤에 = "초기값"을 지정해 주시면 됩니다. 

 

왜 사용할까?

See the Pen 디폴트 파라미터 by 우정태 (@sxqouumz-the-reactor) on CodePen.

 

기본 파라미터가 왜 필요할까요? 바로 위와 같은 상황을 방지하기 위해서입니다. 자바스크립트에서는 초기화 되지 않은 변수를 사용하더라도 에러가 발생하지 않습니다. 단지 정의되지 않았다는 뜻의 undefined를 출력할 뿐입니다. 하지만 디폴트 파라미터를 사용하면 이 상황을 원천적으로 방지할 수 있겠습니다.

 

디폴트 파라미터 사용 예제

See the Pen 디폴트 파라미터2 by 우정태 (@sxqouumz-the-reactor) on CodePen.

 

위와 같이 디폴트 파라미터를 사용하면 인자값이 전달되지 않더라도 디폴트로 초기화 한 값을 출력합니다. 위 예제에서는 "홍길동"으로 초기화하였으니 "홍길동"으로 나오네요. 이 디폴트 파라미터는 고정값이 아니기 때문에 인자값을 전달하면, 전달한 인자값으로 사용됩니다. 그래서 두 번째 호출에서는 "이순신"이 출력됩니다.