可选链是我最喜欢的 javascript 功能之一！

它可以帮助您安全地访问属性，即使它们未定义或为 null，也不会引发任何错误。

您可以简单地使用 ? 来代替编写又长又混乱的代码来检查每个属性是否存在，它可以缩短您的代码并使其更加简洁。

这是一个例子：

const user = { profile: { name: 'Alice' } };

// Without Optional Chaining

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

// With Optional Chaining

const userName = user?.profile?.name;

在您的下一个项目中尝试一下 - 我相信您会放心地摆脱那些“无法读取属性”错误！

要了解更多与 web 开发和 ai 相关的内容，请随时关注我。让我们一起学习，一起成长！