Optional Chaining

문법 : ?.
설명 : ?. 앞에 선언된 필드가 undefined, null이면 undefined 반환, 값이 true 이면 세팅값을 반환

const person = {
  job: {
    manager: {
      name: 'hongkildong',
    },
  },
};

//정의되지 않은 키(manager2) 참조 시 에러 없이 undefined 반환
console.log(person.job && person.job.manager2 && person.job.manager.name); // undefined

//정의되지 않은 키(manager2) 참조 시 에러 발생
console.log(person.job.manager2.name); // Error
VM557:1 Uncaught TypeError: Cannot read properties of undefined (reading 'name')
    at <anonymous>:1:33

//Error 방지를 위한 문법
console.log(person.job && person.job.manager && person.job.manager.name); // hongkildong

//?. 문법 사용
console.log(person?.job?.manager2?.name); // undefined
console.log(person?.job?.manager?.name); // hongkildong