一、 ?.
可選鏈操作符(?.)允許讀取位于連接對(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.first是null或者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)