可选链 “?.”
最近新增的特性
这是一个最近添加到 JavaScript 的特性。 旧式浏览器可能需要 polyfills.
可选链 ?. 是一种访问嵌套对象属性的安全的方式。即使中间的属性不存在,也不会出现错误。
“不存在的属性”的问题
如果你才刚开始读此教程并学习 JavaScript,那可能还没接触到这个问题,但它却相当常见。
举个例子,假设我们有很多个 user 对象,其中存储了我们的用户数据。
我们大多数用户的地址都存储在 user.address 中,街道地址存储在 user.address.street 中,但有些用户没有提供这些信息。
在这种情况下,当我们尝试获取 user.address.street,而该用户恰好没提供地址信息,我们则会收到一个错误:
let user = {
}; // 一个没有 "address" 属性的 user 对象
alert(user.address.street);