链判断运算符 ?.

最新推荐文章于 2022-12-19 16:15:03 发布

丶扁扁的糖是扁的

最新推荐文章于 2022-12-19 16:15:03 发布

阅读量554

点赞数 3

分类专栏： Js Es6 文章标签： javascript es6 前端

本文链接：https://blog.csdn.net/sugerinaflat/article/details/121384916

版权

53 篇文章 2 订阅

订阅专栏

19 篇文章 1 订阅

订阅专栏

在这之前，如果读取对象内部的某个属性，往往需要判断一下，属性的上层对象是否存在。否则跨级的对象会报错。

多层级的 && 看起来会非常臃肿，es6在引入链判断运算符 ?. 后极大的简化了判断方法：?.直接在链式调用的时候判断，相当于一种短路机制，左侧的对象是否为 null 或 undefined 就不再往下运算，直接返回 undefined。

a?.b?.c?.d 
等同于 
a && a.b && a.b.c && a.b.c.d

两种写法：

a?.b
a?.[c]

getName?.()

如果有定义，就会调用该方法，否则返回undefined

//不能用于构造函数
new a?.()
new a?.b()

//不能用于判断右侧有模板字符串
a?.`{b}`
a?.b`{c}`

// 不能用于赋值运算符左侧
a?.b = c

// 不能跟随十进制数值
a?.3 将被视为 未完成的 a ? .3 : ''

关注