2025/04/07

Front/JavaScript

[JavaScript] ES20 - '?.' 와 '??'

1. Optional Chaining: ?. : 값이 있을 수도 있고 없을 수도 있는 상황에서 주로 사용한다. 중첩 객체의 특정 속성에 접근하기 위해서 기존에는 일일이 And 로 연결해 속성의 존재 여부를 확인해야 했다.하지만 이렇게 되면 코드가 너무 길어지고, 조건문 속 속성이 없을 경우 TypeError 에러가 뜰 수 있다. 옵셔널 체이닝 (A ?. B) 은 A가 undefined 나 null 이면 바로 undefined 를 반환하고 에러 없이 멈춘다. 또한, 코드가 간결하고 읽기 쉬우며null 체크를 매번 하지 않아도 돼서 실수가 줄어든다. let will_pokemon = { pikachu: { friend: { charizard: { ..