可選串連 ?. | JavaScript

可選串聯（?.）運算符用於訪問 object 的屬性或調用函數。如果使用該運算符訪問的object 或調用的函式為 undefined 或 null，則表達式會回傳 undefined，而不是拋出錯誤。

const adventurer = {
  name: 'Alice',
  cat: {
    name: 'Dinah',
  },
};

const dogName = adventurer.dog?.name;
console.log(dogName);
// undefined

console.log(adventurer.someNonExistentMethod?.());
// undefined

JS 是同步語言，逐行執行，報錯時會中斷程式碼，利用可選串連不報錯而是回傳 undefined 的特性來避免中斷，尤其是從遠端取資料，比較難預期會拿到什麼值的情況下，可以適當運用，但不要全部都加 ?.。

資料來源

• MDN - 可選串連