提案——Null传导运算符

13 篇文章 2 订阅
12 篇文章 3 订阅

在实际开发的过程中,我们想要读取某个对象的某个属性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)





评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值