undefined 방지하기

자바스크립트는 값이 할당되지 않은 변수에게는 undefined라는 값을 할당한다. 값이 할당되어 있기에 코드가 동작할 때도 있지만, undefined때문에 그 변수를 건드리려고 해도 건드리지 못한다.

https://github.com/tc39/proposal-nullish-coalescing

GitHub - tc39/proposal-nullish-coalescing: Nullish coalescing proposal x ?? y

객체에서 이런 경우가 종종 발생 -> 이를 방지하지 위한 방법들을 기록

1. default parameter 주기

2. !! 연산자를 사용

const bank=!!shinhan.money.five

논리 연산자의 한 종류인 !!를 사용해서 값이 undefined일 경우 false를 반환해줄 수 있도록 함

[!] 에어비엔비 자바스크립트 스타일 가이드에서 삼항 연산자 대신 추천하는 방법

3. optional chaning

const bank=shinhan.money?.five

가장 유용하다고 생각함, undefined 할당 자체를 막아주기보단 undefined를 프로퍼티의 키로 참조함

 

4. nullish coalescing operator

const bank=shinhan.money ?? 0

const bank=shinhan.money?.five ?? 0

?? -> 이 연산자는 왼쪽 값이 거짓이면 오른쪽 값을 할당함. 즉, undefined가 아닌 0이 할당된다