es6可选链的使用和空位合并运算符

//列举：1
let a=[1,2,3]
undefined

//查询是否有属性a，并查找a的第一项赋值
let b=a&&a[0]
let c=a?.[1]
undefined

//结果
b
1
c
2

//举例2
const obj={
    a:{
        name:"哈哈"
    },
    b:"666"
}

const dog=obj&&obj.dog&&obj.dog.name
undefined

//判断是否有该属性，依次判断赋值
const msg=obj?.a?.name

msg
"哈哈"

//举例3
const fn=null

//判断有就执行
fn&&fn()

//可选链形式
fn?.()


//空位合并运算符
举例1：
var a,b,c,d,e;
a=0||'张三'
b=''||'张三'
c=false||'张三'
d=undefined||'张三'
e=null||'张三'

a,b,c,d,e
'张三'

//举例2：
a=0??'张三'
b=''??'张三'
c=false??'张三'
d=undefined??'张三'
e=null??'张三'


a
0

b
""

c
false

d
张三

e
张三

总结：空位合并符只有null和unedfinde时，才会接着判断使用