es6链判断运算符

链判断运算符

听到这个名字感觉好高端,感觉学不懂别怕这是一个很简单的运算符
作用:当访问一个对象属性是用来判断 对 象 是 否 存 在 \color{#c7254e}{对象是否存在}
为什么要判断?????
在项目中如果你不去判断对象是否存在在去访问属性,项目就崩了
在这里插入图片描述
如果要访问一个比较长的对象属性例如:Obj.userInfo.userName
在es5要这样判断

const userName = Obj &&
	Obj.userInfo && 
	Obj.userInfo.userName ;//这样判断是不是很繁琐

所以es6引入链式判断运算符 ? . \color{#c7254e}{?.} ?.
es6写法

const userName = Obj?.userInfo?.userName;  //对比上面少了一大串

Null判断符

在es5的是否我们经常使用 ∣ ∣ \color{#c7254e}{ ||} 来设置默认值

let a = a.name || 'default'

es6提供了null判断符 ? ? \color{#c7254e}{??} 两个问号来判断,只有当左边的值为null、undefined右边的值才会生效

		let a = undefined ?? 'default'
		let a2 = null ?? 'default';
		console.log(a); //default
		console.log(a2); //default
  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值