可选链操作符
# ?.
可选链操作符(?.)允许读取位于连接对象链深处的属性值,而不必明确验证链中的每个引用是否有效。
let nestedProp = obj.first && obj.first.second;
// 等价于
let nestedProp = obj.first?.second;
1
2
3
2
3
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); // “暗之城”
1
2
3
4
5
6
2
3
4
5
6
# 语法
obj?.prop
obj?.[expr]
arr?.[index]
func?.(arg
1
2
3
4
2
3
4
在GitHub上编辑 (opens new window)
上次更新: 2/23/2022, 5:36:03 PM