在实际开发的过程中,我们想要读取某个对象的某个属性A时,往往需要在代码中先确定这个对象中含有在我们要读取的属性A。例如,有下面的对象Person代表一个人:
//对象Person代表某个人
var personA = {
name : {
firstName : "世民",
lastName : "李"
},
age : 52,
sex : "男"
}
如果我们想要读取personA对象中的firstName属性的时候,安全的写法是这样的:
//用短路表达式,获取firstName,并且要先确保对象personA和personA的name属性以及firstName属性都存在。
const firstName = (personA && personA.name && personA.name.fisrName) || '默认名字'
部分开发者认为,书写这种短路表达式时,过于繁琐,所以他们提出用所谓“Null传导运算符”的语法糖形式来简化写法:
// Null传导运算符
const firstName = personA ?. name ?.firstName || '默认名字'
在上述的写法中,“?.”运算符表示,如果返回了null或者undefined,则不再往下继续运算,直接返回undefined,而undefined || ‘默认名字’又构成了一个短路表达式,返回默认名字。
“Null传导运算符有下面四种写法”:
// 读取属性写法1
obj ?. prop
// 读取属性写法2
obj ?. [expr]
// 调用对象方法或者函数的写法
func ?.(...args)
//调用构造函数的写法
new C?.(...args)