可選鏈 操作符(?. 與 ??)

一、 ?.

可選鏈操作符(?.)允許讀取位于連接對(duì)象鏈深處的屬性值,而不必明確驗(yàn)證鏈中的每個(gè)引用是否有效。

let nestedProp = obj.first && obj.first.second;
// 等價(jià)于
let nestedProp = obj.first?.second;

js會(huì)在嘗試訪問(wèn)obj.first.second之前隱式的檢查并確定obj.first既不是null也不是undefined。如果obj.firstnull或者undefined,表達(dá)式將會(huì)短路計(jì)算直接返回undefined

二、??

空值合并操作符,可以在使用可選鏈時(shí)設(shè)置一個(gè)默認(rèn)值

let customer = {
  name: "Carl",
  details: { age: 82 }
};
let customerCity = customer?.city ?? "暗之城";
console.log(customerCity); // “暗之城”
三、語(yǔ)法
obj?.prop
obj?.[expr]
arr?.[index]
func?.(args)

更多用法參考可選鏈

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容