可选链操作符的作用及用法解析

可选链操作符（?.）是 JavaScript 中提升代码健壮性的关键语法糖，它让你在访问深层嵌套对象属性、调用方法或读取数组元素时无需层层判断 null/undefined——一旦遇到空值便自动短路返回 undefined，彻底避免“Cannot read property of undefined”类错误；配合空值合并操作符（??）还能优雅兜底默认值，让逻辑更简洁、可读性更强，但需注意它仅适用于安全读取，不可用于赋值或删除操作。

可选链操作符（?.）是 JavaScript 中用于安全访问嵌套对象属性或调用方法的语法，它会在遇到 null 或 undefined 时立即停止访问，并返回 undefined，而不是抛出错误。

什么时候需要可选链

当你不确定某个对象是否存在，或者它的某一层属性是否为 null/undefined 时，传统写法容易报错：

// 没有可选链，可能报错
user.address.street.toUpperCase(); // TypeError: Cannot read property 'street' of undefined

可选链让这类访问更健壮、代码更简洁。

基本用法：访问属性和方法

可选链支持三种常见场景：

• 属性访问：obj?.prop —— 如果 obj 是 null 或 undefined，返回 undefined，不继续读取 prop
• 方法调用：obj?.method() —— 如果 obj.method 不存在或 obj 为空，不执行调用，返回 undefined
• 数组索引：arr?.[index] —— 如果 arr 无效，跳过索引访问

配合空值合并操作符（??）更实用

可选链常和 ?? 搭配使用，提供默认值：

const city = user?.address?.city ?? '未知城市';
这样即使 user 或 address 为 null，也不会报错，还能兜底。

注意点和限制

可选链不能用在赋值左侧（如 obj?.prop = value 会报错），也不能用于删除属性（delete obj?.prop 不合法）。它只适用于读取操作。

另外，可选链不会阻止其他类型的错误，比如访问一个非对象的原始值：42?.toString() 是允许的（因为数字有包装对象），但 null?.toString() 会返回 undefined，不报错。

基本上就这些。

今天关于《可选链操作符的作用及用法解析》的内容介绍就到此结束，如果有什么疑问或者建议，可以在golang学习网公众号下多多回复交流；文中若有不正之处，也希望回复留言以告知！