[JS-ES6] Function[2] - DefaultValues

📌 Default Values

ES6에서 추가된 새로운 개념중 Default Value라는 것이 있는데 이것은
말그대로 기본 값이다.

기본값은 arrow function 뿐만 아니라 일반 함수에도 적용할 수 있다
보통 변수안에 값이 들어가지 않게되면 undefined가 출력이 되지만, 기본값을 넣어주어 undefined가 출력이 되지 않게 할 수 있다.

function sayHi(name) {
  return "Hello " + name;
}

sayHi(); // => 'Hello undefined'

// default value
function sayHello(name = "bibi") {
  return "Hello " + name;
}

sayHello(); // => 'Hello bibi'
sayHello('barnes'); // => 'Hello barnes'

// || 연산자 사용
function sayHello(name) {
  return "Hello " + (name || 'bibi');
}

sayHello(); // => 'Hello bibi'

// 응용
const DEFAULT = 'bibiboy';
const sayHi = (name = DEFAULT) => 'Hello ' + name;
sayHi(); // => 'Hello bibiboy';

🔥 요약정리

기본값을 잘 사용하면 변수, 상수안에 값이 비어있는 상황을 최대한 줄일 수 있다. 의도적으로 undefined라는 값이 들어있는 상황을 기대하는 것이 아니면 기본값을 잘 활용하는것이 좋다.

📖 참고

https://nomadcoders.co/ - Nomad Coder