可选链（?.）允许安全访问嵌套属性，若中间节点为null或undefined则返回undefined而不报错；空值合并（??）在左侧值为null或undefined时使用右侧默认值，且不影响0、false等假值；两者结合如user?.address?.street ?? '未知地址'，可简洁实现安全取值与默认回退。
JavaScript中的可选链（Optional Chaining）和空值合并（Nullish Coalescing）是ES2020引入的两个非常实用的特性，它们能帮助开发者更安全、简洁地处理可能为null或undefined的情况。
可选链操作符（?.）
可选链允许你读取嵌套对象属性时，无需每次都检查中间节点是否存在。如果某个层级为null或undefined，表达式会短路并返回undefined，而不会抛出错误。
常见使用场景：
- 访问深层对象属性：user?.address?.street，若
user或address为空，结果为undefined，不报错。 - 调用可能不存在的方法：func?.()，只有
func存在且为函数时才会执行。 - 访问数组元素：arr?.[0]，避免
arr未定义导致的错误。
空值合并操作符（??）
空值合并用于在左侧值为null或undefined时，使用右侧的默认值。它与逻辑或（||）不同，??仅在值真正“空”时才替换，不会影响0、false、空字符串等“假值”。
立即学习“Java免费学习笔记（深入）”；
对比示例：
LANUX蓝脑商务网站系统
下载
LANUX V1.0 蓝脑商务网站系统 适用于网店、公司宣传自己的品牌和产品。 系统在代码、页面方面设计简约，浏览和后台管理操作效率高。 此版本带可见即可得的html编辑器, 方便直观添加和编辑要发布的内容。 安装： 1.解压后，更换logo、分类名称、幻灯片的图片及名称和链接、联系我们等等页面。 2.将dbconfig.php里面的数据库配置更改为你的mysql数据库配置 3.将整个文件夹上传至
-
const count = userCount || 10; —— 若
userCount为0，也会使用10。 -
const count = userCount ?? 10; —— 只有当
userCount为null或undefined时才用10，0会被保留。
结合使用更强大
这两个操作符常一起使用，构建更健壮的默认值逻辑。
例如：
const street = user?.address?.street ?? '未知地址';这行代码先通过可选链安全读取street，若路径中断或最终值为空，则使用默认值。
基本上就这些，写得干净点，代码自然少出错。
