一、 ?.
可选链操作符(?.)允许读取位于连接对象链深处的属性值,而不必明确验证链中的每个引用是否有效。
let nestedProp = obj.first && obj.first.second;
// 等价于
let nestedProp = obj.first?.second;
js会在尝试访问
obj.first.second
之前隐式的检查并确定obj.first
既不是null
也不是undefined
。如果obj.first
是null
或者undefined
,表达式将会短路计算直接返回undefined
二、??
空值合并操作符,可以在使用可选链时设置一个默认值
let customer = {
name: "Carl",
details: { age: 82 }
};
let customerCity = customer?.city ?? "暗之城";
console.log(customerCity); // “暗之城”
三、语法
obj?.prop
obj?.[expr]
arr?.[index]
func?.(args)