기본 기능 매개변수(ES6)

ES5 시절에는 기본값을 설정하기 위해 다음과 같은 방식으로 코드를 작성할 수 있습니다.

function getSum(a, b){
 a = (a !== undefined) ? a:1;
 b = (b !== undefined) ? b:41;
 return a + b;
}
 getSum() //42
 getSum(1,2) //3

또는

function getSum(a, b){
 a = a || 1;
 b = b || 41;
 return a + b;
}
 getSum() //42
 getSum(1,2) //3

이것들은 좋은 솔루션이지만 2019년이 되었습니다. Modern JavaScript가 이 긴 여정에서 우리를 구해 줄 것입니다. 이제 다음과 같이 함수 선언문 자체의 매개변수에 기본값을 설정할 수 있습니다.

function getSum(a = 1, b = 41){
 return a + b;
}
 getSum() //42
 getSum(1,2) //3

인수를 지정하지 않으면 매개변수의 기본값이 사용됩니다.

기본값을 설정하는 이전 방법과 비교할 때 ES6에서 제공하는 이 새로운 기능은 훨씬 쉽고 깔끔합니다.

즐거운 코딩하세요!❤