js 中 .? 和 ??的用法

菊の物语

已于 2023-09-07 12:03:19 修改

阅读量3.1k

点赞数 4

文章标签： javascript 前端 vue.js

于 2023-02-17 17:19:01 首次发布

本文链接：https://blog.csdn.net/Mahuicool/article/details/129090171

版权

本文介绍了JavaScript中的两种特殊操作符：空值合并操作符(??)用于在值为null或undefined时提供默认值，例如`a??defaultstring`；可选链接操作符(?.)允许安全地尝试访问链式路径中的对象属性，即使该路径可能不存在，如`f?.b?.c`，避免了因对象属性缺失引发的错误。

摘要由CSDN通过智能技术生成

一、??符号

在js中叫做"空值合并操作符"，他的作用是用于判断一个值是否为null或undefined，如果跟在他前面的值为null或undefined则取跟在他后面的值，否则就取他前面的值。

  const a="hello word";
  const b=null
  const c = undefined
  const d= false
  const e = 0

  console.log(a??'default string') //hello word
  console.log(b??'default string') //default string
  console.log(c??'default string') //default string 
  console.log(d??'default string') //false
  console.log(e??'default string') //0

二、?.符号

他叫做“可选链接操作符”，他的作用是可以省去判断对象属性是否存在就可直接调用。一般情况下当我们要调用对象的属性时，如果对象中没有这个属性，那么浏览器编译时就会报错。如果我们用.?获取属性值，则浏览器不会报错。

  const f={a:{b:"d"}}
  console.log(f?.b?.c ) // undefined
  console.log(f.b.c ) //报错