Optional Chaining : ? / ?? 연산자

Jian·2022년 9월 27일
0

JavaScript

목록 보기
21/27

📌 Optional Chaining


object나 셀렉터 등이 중첩되었을 때 가리킨 것이 비어있으면 오류 뜨는데
오류 안 뜨게 할 수 있음

사용법

✔️ Object

object 중첩시, 안전하게 꺼내 쓰고 싶을 때 사용
왼쪽 비어있으면 (undefiend, null) 실행 안 하므로 오류 안 난다

var user = {
    name: 'kim',
  	age : {value : 20}
  };

왼쪽 비어있음 실행 X(undefiend, null)
console.log(user.age?.value)
console.log(user.age.age)
console.log(user.age.value?)

✔️ Selector

선택자에도 사용 가능하다

document.querySelector('#a')?.innerHTML

undefined 일때 대신 출력할 텍스트 지정 가능
아직 서버에서 자료 전송 안 됐을 때 보여줄 거

📌 nullish coalescing operator(??연산자)


해당 변수가 undefined/null 일 때 대신 출력해줄 텍스트 지정 가능

console.log(user ?? '자료없음')
profile
개발 블로그

0개의 댓글