使用场景
当我们需要调用一个对象的某个属性但是我们却不确定这个属性是否存在时,如果直接读取的话可能就会报错,所以我们需要在调用之前先判断这个属性是否存在。
// 错误的写法,可能会报错
const firstName = message.body.user.firstName;
// 正确的写法
const firstName = (message
&& message.body
&& message.body.user
&& message.body.user.firstName) || 'default';
这样读取一个属性显得非常麻烦,ES2020引入了链判断运算符 ?. 来简化这个操作:
const firstName = message?.body?.user?.firstName || 'default';
上面代码使用了?.运算符,直接在链式调用的时候判断,左侧的对象是否为null或undefined。如果是的,就不再往下运算,而是返回undefined,然后将默认值default赋值给变量。
链判断运算符还可以在调用方法时判断该方法是否存在:
iterator.return?.()
注意以下场景会报错
// 构造函数
new a?.()
new a?.b()
// 链判断运算符的右侧有模板字符串
a?.`{b}`
a?.b`{c}`
// 链判断运算符的左侧是 super
super?.()
super?.foo
// 链运算符用于赋值运算符左侧
a?.b = c
总结于阮一峰的ES6入门,想要详细了解请跳转至官方文档。