JavaScript可选链操作_NullishCoalescing

可选链（?.）允许安全访问嵌套属性，若中间节点为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免费学习笔记（深入）”；

对比示例：

威博网上购物商城(生成html)

免费版网店系统展现了威博网上商城系统的功能优势，满足了网上开店的需要。作为开源免费网店系统，旨在与更多客户共享威博网店系统发展的成果。免费网店系统，威博网络倾情奉献。系统免值，品质不变。开网店就选威博网店系统！威博网络一直以“做最好网店系统”做为自己的奋斗目标，并不懈努力。在威博网络不断发展的今天，威博网上商城系统以安全性强、功能完善、可操作性和扩展性强得到

0

查看详情

• const count = userCount || 10; —— 若userCount为0，也会使用10。
• const count = userCount ?? 10; —— 只有当userCount为null或undefined时才用10，0会被保留。

结合使用更强大

这两个操作符常一起使用，构建更健壮的默认值逻辑。

例如：

这行代码先通过可选链安全读取street，若路径中断或最终值为空，则使用默认值。

基本上就这些，写得干净点，代码自然少出错。

以上就是JavaScript可选链操作_NullishCoalescing的详细内容，更多请关注php中文网其它相关文章！