可选链操作符?.和双问号??

195 阅读1分钟

可选链操作符?.和双问号??

它们的作用和使用场景

让我们看看MDN是怎么定义它的作用的

它允许读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是否有效。

还是不理解?举个例子

我们一定写过类似这样的代码

if(res && res.data && res.data.status) {
    .....
} 
// 因为发送ajax请求可能失败,获取不到数据时避免大片的报错 需要判断引用是否为空,避免出现 xxx of undefined错误

使用可选链操作符?.应付这种场景使表达式更简明

if(res?.data?.status){
   .....
}
// 跟上面的效果相同

如果想要一个默认值怎么办?

使用空值合并操作符,它可以在使用可选链时设置一个默认值

let res = res?.data?.status?? "哈哈哈"

通过??就可以设置一个默认值,当左边的值为null或者undefined时,就会取??右边的值,这个例子的默认值就是”哈哈哈“