Web/ES6

[ES11] Nullish Coalescing Operator

류정식 2021. 2. 7. 15:30

1.  || 연산자 문제점

 

{
  const name='';
  const useName=name || 'Guest';

  const num=0;
  const message=num || 'undefined';

  console.log(useName);
  console.log(message);
}

위의 코드를 보면 ||연산자는 '', 0을 모두 false로 인식한다.

이러한 인식은 사용자에게 혼란과, 버그를 야기할 수 있다.

 

 

 

 

 

2. Nullish Coalescing Operator

{
  const name='';
  const useName=name ?? 'Guest';

  const num=0;
  const message=num ?? 'undefined';

  console.log(useName);
  console.log(message);
}

||대신 Nullish Coalescing Operator인?? 연산자를 사용 시 '', 0도 모두 true로 취급한다.