Optional Channing

Optional Channing

옵셔널 체이닝을 사용 했을 때

function fetchNameFromAPI(apiURL) {
  const { data } = /* 외부에서 데이터를 불러온다 */
  return data?.person?.name;
}

사용 안했을 때

function fetchNameFromAPI(apiURL) {
  const { data } = /* 외부에서 데이터를 불러온다 */
  if (data && data.person) {
    return data.person.name;
  }
  return null;
}

null 이거나 undefined인지 체크해준다.

await과 비슷하다

출처 : https://velog.io/@krlrhkstk/%EC%98%B5%EC%85%94%EB%84%90-%EC%B2%B4%EC%9D%B4%EB%8B%9D%EA%B3%BC-await%EC%9D%80-%EA%B0%99%EC%8A%B5%EB%8B%88%EB%8B%A4