안녕하세요 lika-7입니다
이번시간에는 optional chaining에 대해 정리 하겠습니다
optional chaining이란?
💡
1. 객체의 속성에 안전하게 접근하기 위한 문법입니다.
2. 객체의 속성을 체인으로 접근할 때 발생할 수 있는 오류를 방지하고 코드를 간결하게 유지할 수 있도록 도와줍니다.
키워드
💡
?. 연산자를 사용하여 구현됩니다.
반환 내용
객체의 중첩된 속성에 접근 할 때 해당 속성이 존재하지 않으면 오류를 발생시키지 않고, ‘undefined’를 반환 합니다
코드
코드1
const user = {
id: 1,
name: "John",
address: {
city: "New York"
}
};
const cityName = user.address?.city;
?. 연산자는 user.address 속성이 존재하는 경우에만 city 속성에 접근합니다. 따라서 user.address가 undefined인 경우에도 코드는 오류를 발생시키지 않고 cityName 변수에 undefined를 할당 합니다
코드2
const moviesEl = this.el.querySelector('.movies')
moviesEl?.append(...)
moviesEl 가 null 값을 반환할수 있으니 null 값이 아닐 때 append 함수를 실행합니다
