[JavaScript]OptionalChaning

옵셔널체이닝(OptionalChaning)이란?

?. 문법을 사용하여 프로퍼티가 없는 중첩 객체를 에러 없이 안전하게 접근할 수 있습니다.

사용 이유 

 

// OptionalChaining
<Subtitle>{`${LANGUAGE[data?.movie?.language]}·${data?.movie?.rating}`}</Subtitle>
// &&사용한 script
<Description>{loading?"":data&&data.movie&&data.movie.description_intro} </Description>

코드량을 쉽게 단축시킬 수 있고 가독성을 높여줌.

---

참고사항

1. 필수가 아닌 속성값에만 사용

>> 필수값이 널값이라면 바로 찾을수 있어야 함. 

2. 만약 결과가 속성값이 널값이라면 undefined 리턴