可选链操作符（?.）用于安全访问嵌套属性或调用方法，遇 null/undefined 时返回 undefined 而非报错；支持属性访问、方法调用、数组索引，常与 ?? 结合提供默认值，但不可用于赋值或 delete。

可选链操作符（?.）是 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，不报错。

基本上就这些。