002_ECMAScript 중요 사항 (지속 추가 예정)

1. Optional Chaining (?.) (2020)

→ 객체 프로퍼티에 접근하기 위해 길게 이어진 체인은 오류가 나기 쉬움 

→ 예제:

item?.bike?.motorcycleNo

* 상위 코드에서 item.bike가 undefined 될 경우 motorcycleNo 값을 도출하지 않는다. 

 

 

2. null 병합 연산자 (??) (2020)

→ 예제:

* 기존의 || 와 헷갈릴 수 있으나, 문서를 참고하면 아래와 같은 차이점이 있다.

const headerText = response.settings.headerText || 'Hello, world!'; // Potentially unintended. '' is falsy, result: 'Hello, world!'
const animationDuration = response.settings.animationDuration || 300; // Potentially unintended. 0 is falsy, result: 300
const showSplashScreen = response.settings.showSplashScreen || true; // Potentially unintended. false is falsy, result: true

 

→ || 를 사용하면 [ ' ' , 0 ,false ]  등을 사용하면 원하는 방식과 다르게 값이 저장될 수 있음 

 

* 위의 예시는  ' ' 인 경우만 해봤는데, a의 값이 || 사용시와 ?? 사용했을 때와 다르게 저장되는 것을 알 수 있다.