可选链操作符（?.）用于安全访问嵌套属性，遇 null/undefined 返回 undefined 而不报错；支持属性访问、数组索引、函数调用和动态属性；常与 ?? 搭配提供默认值；不可用于赋值或 delete 等语句。
可选链操作符（?.）是 JavaScript 中用于安全访问嵌套对象属性的语法，它能避免因中间某个属性为 null 或 undefined 而抛出错误。
用 ? . 避免 “Cannot read property of undefined” 错误
传统写法需要层层判断：
❌ 不安全写法user.address.street.name —— 一旦 user、address 或 street 是 undefined，就报错。
✅ 用可选链替代user?.address?.street?.name —— 某一环为 null 或 undefined，整个表达式直接返回 undefined，不继续执行后续访问。
支持多种访问形式
可选链不仅适用于点号访问，还支持：
- 属性访问：
obj?.prop - 数组索引：
arr?.[index] - 函数调用：
func?.(args)（只在func存在且为函数时执行） - 动态属性：
obj?.[key]
配合空值合并操作符 ?? 使用更自然
可选链返回 undefined 时，常和 ?? 搭配提供默认值：
立即学习“Java免费学习笔记（深入）”；
const city = user?.address?.city ?? '未知城市';
这样既安全，又简洁，不用写三元或逻辑或（||）——后者对假值（如 ''、0）也会触发默认值，而 ?? 只在 null / undefined 时生效。
注意边界情况
以下写法是无效或容易误解的：
-
obj?.a.b：只有obj?.a受保护，b不受保护（除非写成obj?.a?.b） -
obj?.[key].value：同理，应写成obj?.[key]?.value - 不能用于赋值：
obj?.a = 123会报语法错误 - 不适用于
delete obj?.a或for...in obj?.a等语句
基本上就这些。可选链让深层取值变得直观又健壮，配合 ?? 几乎覆盖了日常中 90% 的安全访问场景。
