可选链式操作符
呛再首 6/27/2020 javascript技巧es6+
# 可选链式操作符 ?.
允许读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操作符,不同之处在于,在引用为空(nullish ) (null 或者 undefined) 的情况下不会引起错误,该表达式短路返回值是 undefined。与函数调用一起使用时,如果给定的函数不存在,则返回 undefined。
1
# 语法
obj?.prop
obj?.[expr]
arr?.[index]
func?.(args)
1
2
3
4
2
3
4
# 空值合并操作符可以在使用可选链时设置一个默认值:
let customer = {
name: "Carl",
details: { age: 82 }
};
let customerCity = customer?.city ?? "中国";
console.log(customerCity); // “中国”
1
2
3
4
5
6
7
2
3
4
5
6
7