在开发过程中需要拿到一个嵌套比较深的属性的值，需要做很多的判断，例如：

const obj = {name: "xiaoming",age: 27,address: {province: {city: 'hangzhou'}}
}

要拿到 obj 对象中 city 属性的值，需要判断 4 次看每一层是否有值：

const city = (obj && obj.address && obj.address.province && obj.address.province.city) || ''

有时候如果没有判断到位直接取值，可能会报错：

最近新学了一个技巧：可选链，可以解决上面的问题。

可选链：Optional Chaining Operator 可选链操作符是一个新的js api，它允许读取一个被连接对象的深层次的属性的值而无需明确校验链条上每一个引用的有效性。

具体用法：

const city = obj?.address?.province?.city

使用可选链可以直接在链式调用的时候进行判断，左侧的对象是否为null或undefined，如果是的，就不再往下运算，而是返回undefined，如果不是，则继续往下运算。