可选链操作符（?.）用于安全访问嵌套属性或调用方法，遇 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，不报错。
基本上就这些。
