Optional Chaining

본 내용은 모던 자바스크립트의 옵셔널 체이닝(링크)를 참고하여 작성한 문서임을 밝힙니다.

• 이런 구문을 사용해보신적 있나요?

if(user && user.phone && user.street){
  ...
}

본인은 보통 데이터를 어디선가 받아와서 handling할 때 많이 사용했었는데, 걸핏하면 에러가 많이 나는 부분이었습니다. 왜냐하면 보통은
이런 메세지가 뜨기 때문이이다.

자바스크립트는 객체의 프로퍼티가 없는데 접근하려고 하는 경우에 위와 같은 에러를 뱉는데, 런타임 시에 저 에러가 뜨면 프로그램이 멈춰버린다.

이는 매우 짜증을 유발하는 케이스인데..

왜냐하면 데이터를 요청해서 받아왔고, 그 스펙이 완벽하게 정의되어있고 스펙대로만 오면 문제가 되지 않겠지만.. 현실적으로 그렇게 되는 케이스가 내 경우에는 적었다. 데이터가 항상 동일한 스펙대로 오는게 아니었기 때문에..

if문을 사용해서 프로퍼티 체크를 꼭 해주어야 했다.

근데 이런 문제가 얼마나 많았으면 이런 문법을 만들어줬을까..!

감사합니다(현명하신 ECMA 개발위원회 여러분..!). 당장 써볼게요 ㅎㅎ