可选链如何防止代码崩溃

可选链运算符（?.）是JavaScript中一项关键的安全特性，它能优雅地避免因访问null或undefined值引发的运行时崩溃——当链式访问（如user?.profile?.address?.city）途中遇到空值时，立即返回undefined而非抛出错误，彻底取代冗长脆弱的层层条件检查；它不仅支持属性访问、方法调用和数组索引，还能与空值合并运算符（??）协同提供默认值，让代码更简洁、健壮且不易中断，是现代前端开发中提升可靠性不可或缺的实用工具。

可选链运算符（?.）让访问嵌套对象属性时更安全：它会在遇到 null 或 undefined 时立即停止访问，并返回 undefined，而不是抛出错误。

它解决什么问题

在没有可选链之前，要安全读取 user.profile.address.city，得层层检查：

user && user.profile && user.profile.address && user.profile.address.city

一旦中间某层是 null 或 undefined（比如 user.profile 不存在），就会报 Cannot read property 'address' of undefined，整个脚本可能中断。

可选链怎么用

只需在可能为空的属性前加 ?.：

• user?.profile?.address?.city —— 某一层为 null/undefined，整条表达式直接返回 undefined，不继续执行后续访问
• obj?.method?.() —— 先检查 obj 是否存在，再检查 method 是否是函数，最后才调用；任一环节失败就跳过调用，不报错
• arr?.[index] —— 安全读取数组元素，arr 为空也不崩溃

注意边界情况

可选链只保护「点号前」的值是否为空，不处理其他错误：

• user?.profile.name 中，如果 user 是 null，表达式返回 undefined；但如果 user 是对象而 profile 是字符串，profile.name 会是 undefined（不是报错），这是正常行为
• user?.profile?.getName() 如果 getName 存在但不是函数，仍会报 TypeError: user.profile.getName is not a function —— 可选链不校验类型，只防空值
• 不能在赋值左侧使用：user?.name = 'Alice' 语法错误

配合空值合并运算符更实用

常和 ?? 搭配提供默认值：

const city = user?.profile?.address?.city ?? 'Unknown';

这样既避免崩溃，又确保有可用值，逻辑更健壮。

好了，本文到此结束，带大家了解了《可选链如何防止代码崩溃》，希望本文对你有所帮助！关注golang学习网公众号，给大家分享更多文章知识！