[JS] javascript 에서 함수 사용할 때, default 값 세팅하는 방법

하이.

 

오늘도 간단하게 javascript 에 대해 정리해 보고자 한다.

 

어떤 언어든 함수를 잘 활용하고 잘 작성하는 것은 중요하다.

함수는 과한 중복을 줄여주고, 프로그램의 응집도를 향상할 수 있는 수단이 되기 때문이다.

 

javascript에서 함수를 작성할때 default값을 세팅하는 몇 가지를 정리해보았다.

 

1. OR 연산자 활용

function inputName(name) {
  let myName = name || '홍길동';
  let msg = "입력된 이름은 " + myName + " 입니다.";
  console.log(msg);
}

inputName('뽀야');
inputName();

위 코드 의 결과는 아래와 같다.

파라미터로 값이 입력되면 myName 파라미터 값이, 입력되지 않으면 디폴트 값으로 '홍길동' 이 들어온다.

 

이 이유는 아무런 값도 입력해주지 않았을때, name은 undefined로 들어오게 되고,

이것이  OR연산( || ) 과 만났을때 false 이기 때문에 자연스럽게 true인 '홍길동' 이 myName에 대입되게 되는 것이다.

 

이러한 방식은 실무 코드에서 종종 볼 수 있으니 숙지해두길 바란다.

 

2.  default value

function inputName(name = '홍길동') {
  let myName = name;
  let msg = "입력된 이름은 " + myName + " 입니다.";
  console.log(msg);
}

inputName('뽀야');
inputName();

파라미터에 default value를 넣어주는 방법도 있다. 이렇게 했을때 파라미터로 아무값도 넣어주지 않으면 세팅된 default 값이 출력되게 된다.

 

 

끝.