[Javascript] ES11 - 옵셔널체이닝 연산자 (?.)

• ?.을 사용하면 프로퍼티가 없는 중첩 객체를 에러 없이 안전하게 접근할 수 있음. 
• ?.은 ?.'앞’의 평가 대상이 undefined나 null이면 평가를 멈추고 undefined를 반환함. 
• 사용 방법 : 좌항?.우항

et user = {}; // 주소 정보가 없는 사용자
alert( user?.address?.street ); // undefined, 에러가 발생하지 않습니다.

• 위 예시를 통해 우리는 ?.은 ?. ‘앞’ 평가 대상에만 동작되고, 확장은 되지 않는다는 사실을 알 수 있음.
• 참고로 위 예시에서 사용된 user?.는 user가 null이나 undefined인 경우만 처리할 수 있음.

 

• 좌항 피연산자가 false로 평가되는 Falsy값이라도 null 또는 undefined가 아니면 우항의 프로퍼티 참조를 이어감. 
• Falsy값 : false, undefined, null, 0, -0, NaN, ' '

let name = '';
let length = name?.length;

console.log(length);	// 0

 

---

[출처]

• https://dori-coding.tistory.com/entry/JavaScript-%EC%98%B5%EC%85%94%EB%84%90-%EC%B2%B4%EC%9D%B4%EB%8B%9DOptional-Chaining-%EC%97%B0%EC%82%B0%EC%9E%90
• https://ko.javascript.info/optional-chaining