在 JavaScript 开发中，我们经常会遇到访问对象属性时属性可Neng不存在或者值为 `null` 或 `

过去要安全地访问深层嵌套的属性，我们通常需要编写大量的条件判断语句。

// 旧写法const city = response && response.data && response.data.user && response.data.user.address && response.data.user.address.city;// 新写法const city = response?.data?.user?.address?.city;

例如假设我们想从 `response` 对象中获取用户地址的城市信息。Ru果没有对中间层进行检查，就容易出现 "Cannot read property 'city' of

const firstName = user && user.profile && user.profile.name && user.profile.name.firstName;

这种方式需要手动检查每个可Neng的属性是否存在以及是否为 `null` 或 `

const firstItem = arr?.;

const result = api && api.getData && api.getData;

const result = api?.getData?.;

`?.` 操作符允许你读取位于连接链深处的属性，而无需显式验证每一环是否有效。Ru果引用是 `null` 或 `

它就像一个瑞士军刀刀锋一样灵活精妙。

const firstName = user?.profile?.name?.firstName;

// 旧写法if  {  onSuccess;}// 新写法onSuccess?.;