可选链 操作符（?. 与 ??）

一、 ?.

可选链操作符（?.）允许读取位于连接对象链深处的属性值,而不必明确验证链中的每个引用是否有效。

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)

更多用法参考可选链