FUNCTIONS - Default Values

출처 : Nomadcoders ES6의정석

ES6에서 추가된 함수의 좋은기능이 있다.

바로 기본값인데 간단한 예시를 통해 알아보자.

 function sayHi (name) {
   return "hello " + name
 }

console.log(sayHi());

위처럼 함수를 호출할때 인자를 주지 않으면, undefined가 출력된다.
그렇다면 만약 값을 받지 못한상태에도 undefined가 표출되지 않게 하려면 어떻게 수정할 수 있을까

 function sayHi (name) {
   return "hello " + (name || "anonymous");
 }

console.log(sayHi());

이렇게해줘야 한다. 그럼 기본값을 지정하는 형태로 바꿔보자.

 function sayHi (name = "anonymous") {
   return "hello " + name;
 }

console.log(sayHi());

기본 값은 인자에 = 를 사용하여 값을 지정한다. 여기에 화살표함수를 활용하면 더욱 명료해진다.
또한 기본값은 string이 아닌 다른 타입도 지정이 가능하다.

const DEFAULT = 24

const sayHi = ( name = "anonymous", age = DEFAULT) => "hello " + name + " your age " + age ;
 
console.log(sayHi());