ES 11 可选链式操作符

const a = {}
console.log(a.b.c) // 报错

常用解决办法

const a = {}
console.log(a.b && a.b.c)

可选链式操作符 减少访问深层对象时判断属性存不存在的问题

const a = {}
console.log(a?.b?.c) // undefind
console.log(a?.b?.c ?? 'default') // default
// 类似于
console.log((a.b && a.b.c) || 'default0') // default

参考:

ES11来了 不进来看看嘛