语法糖 js中 ?? 和 ?. 的含义与使用

1 ?:的使用

const footerBallTeam={
    zhujiulian:'李铁'
}

console.log(footerBallTeam.zhujiulian)

js中  ?? 和  ?.  的含义与使用

1.1 李铁被抓了 我们就没主教练了

const footerBallTeam = {
    //zhujiulian:'李铁'
}

console.log(footerBallTeam.zhujiulian)

js中  ?? 和  ?.  的含义与使用

1.2 整个足球队都被抓了

const footerBallTeam = undefined

console.log(footerBallTeam.zhujiulian)
//这个console.log 是会报错的 意思是从undefined中读取值 

js中  ?? 和  ?.  的含义与使用

1.3 用上?.就不会报错了

const footerBallTeam = undefined

console.log(footerBallTeam?.zhujiulian)

js中  ?? 和  ?.  的含义与使用

哪里使用 有时候我们异步获取数据的时候,经常数据还没有回来 可能对象里面的某个属性层级又比较深需要判断有没有这个key,就可以直接用 ?. 了啊

2 结合??的使用

const footerBallTeam = undefined
console.log(footerBallTeam?.zhujiulian ?? '马云')

js中  ?? 和  ?.  的含义与使用
写不来文章,就这样吧!!!

本作品采用《CC 协议》,转载必须注明作者和本文链接
讨论数量: 3
cnguu

补充下:这是es2020的新特性,使用要注意下浏览器兼容

es2021还补充了 ??= &&= ||=

2个月前 评论
周小云 (楼主) 2个月前
cnguu (作者) 2个月前

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!