javascript 中 “?.” (javascript 中 “?.” 运算符)

在编程中经常会xua需要读取一个对象的属性值是否存在例如：

// 错误的写法 const  name = response.result.userInfo.name || '';  // 正确的写法 const name= (response   && response.result   && response.result.userInfo   && response.result.userInfo.name) || '';

name属性在对象的第四层，所以需要判断四次，每一层是否有值，这样的层层判断非常麻烦，可以使用“链判断运算符”（?.），简化上面的写法。

（福利推荐：阿里云、腾讯云、华为云服务器最新限时优惠活动，云服务器1核2G仅88元/年、2核4G仅698元/3年，点击这里立即抢购>>>）

const name = response?.result?.userInfo?.name || '';

上面代码使用了?.运算符，直接在链式调用的时候判断，左侧的对象是否为null或undefined。如果是的，就不再往下运算，而是返回undefined。
ECMAScript 6 入门

你还在原价购买阿里云、腾讯云、华为云、天翼云产品？那就亏大啦！现在申请成为四大品牌云厂商VIP用户，可以3折优惠价购买云服务器等云产品，并且可享四大云服务商产品终身VIP优惠价，还等什么？赶紧点击下面对应链接免费申请VIP客户吧：

1、点击这里立即申请成为腾讯云VIP客户

2、点击这里立即注册成为天翼云VIP客户

3、点击这里立即申请成为华为云VIP客户

4、点击这里立享阿里云产品终身VIP优惠价

喜欢 (0)赏

[[email protected]]

分享 (0)