[JS ES6]-[11]default parameter(매개변수 기본값) 핵심만 이해하기

 

안녕하세요.

이번 글에서는 자바스크립트에서의  default parameter(매개변수 기본값) 핵심만 알려드리겠습니다.

 

1. 사용이유와 사용방법

1.1 사용이유

매개변수의 기본값을 설정할 수 있습니다.

이를 통해, 파라미터값이 제공되지 않더라도 기본값이 매개변수에 할당됩니다.

 

 

1.2 사용방법

function greet(name = "Anonymous") {
  console.log(`Hello, ${name}!`);
}

greet();  // 출력: Hello, Anonymous!
greet("John");  // 출력: Hello, John!

위처럼 파라미터 값을 넣지 않더라도, name=”Anonymous”를 매개변수의 기본값으로 설정합니다.

이렇게 파라미터 선언 시, 등호로 입력하면,

파라미터가 정의되지 않았을 때 등호 값이 default parameter로 설정됩니다.

 

 

2. 사용예시

2.1 연산하기

function multiply(a, b = 2) {
  return a * b;
}

multiply(5); // 10
multiply(5, 3); // 15

첫 번째 multiply는 2번째 파라미터 값이 없어서 b가 2로 설정됩니다.

두 번째 multiply는 2번째 파라미터 값이 3이기에 b가 3으로 설정됩니다.

 

 

2.2 파라미터 이용

function greet(name, greeting, message = `${greeting} ${name}`) {
  return [name, greeting, message];
}

greet("David", "Hi"); // ["David", "Hi", "Hi David"]
greet("David", "Hi", "Happy Birthday!"); // ["David", "Hi", "Happy Birthday!"]

파라미터로 들어온 name과 greeting도 파라미터에 넣을 수 있습니다.

 

 

2.3 함수

function return_10(){
  return 10 
}

function multiply(a, b = return_10() ){
  console.log(a * b)
}

multiply(2);  //20

default parameter안에는 함수도 들어갈 수 있습니다.