可選串連 ?. | JavaScript

阿榮
發佈於前端
閱讀時間約 1 分鐘

可選串聯(?.)運算符用於訪問 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 的特性來避免中斷,尤其是從遠端取資料,比較難預期會拿到什麼值的情況下,可以適當運用,但不要全部都加 ?.。


資料來源

主要放程式學習筆記,分享 Creative Coding 相關內容、作品
留言0
查看全部
發表第一個留言支持創作者!