可选链（?.）允许安全访问嵌套属性，避免因null/undefined导致的错误；空值合并（??）仅在值为null或undefined时提供默认值，不干扰0、false等假值。两者结合可高效处理不确定数据结构，提升代码健壮性与可读性，是ES2020标配特性。
可选链（Optional Chaining）和空值合并（Nullish Coalescing）是现代 JavaScript 中两个非常实用的特性，它们在处理可能为 null 或 undefined 的值时大大提升了代码的健壮性和可读性。这两个特性在 ES2020 中正式引入，已经成为日常开发中的标配。
可选链：安全访问嵌套属性
在访问深层嵌套对象的属性时，如果某个中间节点为 null 或 undefined，直接访问会抛出错误。传统做法需要层层判断，代码冗长且不易读。
可选链操作符 ?. 允许我们安全地访问嵌套属性。只有当左侧操作数存在时，才会继续访问右侧属性，否则返回 undefined。
例如：假设有一个用户对象：
立即学习“Java免费学习笔记（深入）”；
const user = { profile: { settings: { theme: 'dark' } } };
使用可选链访问 theme：
user.profile?.settings?.theme; // 'dark'
如果 profile 不存在：
user.profile = null;
user.profile?.settings?.theme; // undefined，不会报错
可选链也适用于方法调用和数组索引：
-
user.method?.()—— 只有 method 存在才调用 -
user.items?.[0]—— 只有 items 存在才取第一个元素
空值合并：精确处理 null 和 undefined
空值合并操作符 ?? 是一个逻辑操作符，当左侧操作数为 null 或 undefined 时，返回右侧操作数；否则返回左侧操作数。
这与逻辑或 || 不同，|| 会在左侧为“假值”（如 0、''、false）时触发默认值，而 ?? 只关心 null 和 undefined。
举例说明区别：const count = 0;
const display1 = count || '无数据'; // '无数据' —— 因为 0 是假值
const display2 = count ?? '无数据'; // 0 —— 因为 0 不是 null 或 undefined
这在设置默认配置、表单字段回退等场景中特别有用。
结合使用：更安全的数据处理模式
可选链和空值合并经常一起使用，形成一种清晰、安全的数据访问模式。
比如从 API 响应中获取用户等级：
const level = userData?.profile?.level ?? '普通用户';
这条语句的意思是：尝试安全访问 level 属性，如果路径中断或值为 null/undefined，则使用默认值。
这种写法避免了多次嵌套判断，也防止了因假值误判导致的默认值覆盖问题。
基本上就这些。掌握可选链和空值合并，能让代码更简洁、更可靠，特别是在处理不确定结构的数据时优势明显。不复杂但容易忽略的是它们的适用边界——记住 ?? 不响应假值，而 ? . 只解决访问异常，不处理类型错误。合理使用，事半功倍。
