js 中 .? 和 ??的用法

一、??符号

        在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 ) //报错