[Javascript] 함수 파라미터 기본값 설정하기

 

Javascript 함수의 파라미터 기본값을 설정하면

함수를 호출할 때, 파라미터가 전달되지 않으면

설정된 기본값을 사용합니다.

 

 

함수 파라미터 기본값 설정하기

function sayhi(greeting='Hi', name='Anna') {
  document.write(`${greeting}, ${name} <br>`)
}

sayhi(); // Hi, Anna
sayhi("안녕"); // 안녕, Anna
sayhi(undefined, "Angela"); // Hi, Angela
sayhi("안녕하세요", "영수님"); // 안녕하세요, 영수님

위 예제에서 

sayhi() 함수는 greeting과  name, 2개의 파라미터를 입력받습니다.

그리고, 각각의 파라미터의 기본값은 'Hi', 'Anna'로 설정되었습니다.

 

sayhi();

이 함수를 호출할 때, 파라미터를 전달하지 않으면

기본값으로 설정된 값이 사용됩니다.

 

sayhi("안녕");

greeting의 값을 '안녕'으로 설정하고,

name 값은 지정하지 않았습니다.

name은 기본값으로 지정된 'Anna'를 사용합니다.

 

sayhi(undefined, 'Angela');

함수의 파라미터를 전달하지 않으면 기본값은 undefined입니다.

첫 번째 파라미터가 undefined로 전달되면,

greeting 값은 기본값으로 설정된 'Hi'가 사용됩니다.

 

sayhi('안녕하세요', '영수님');

모든 파라미터가 전달되었으므로,

기본값으로 설정된 값은 무시되고,

파라미터로 입력받은 값으로 함수를 실행합니다.