现代JavaScript_可选链与空值合并

可选链（?.）允许安全访问嵌套属性，避免因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 时，返回右侧操作数；否则返回左侧操作数。

MATLAB与VB混合编程技术研究 WORD版

本文档主要讲述的是MATLAB与VB混合编程技术研究；着重探讨了在VB应用程序中集成MATLAB实现程序优化的四种方法，即利用Matrix VB、调用DLL动态链接库、应用Active自动化技术和动态数据交换技术,并分析了集成过程中的关键问题及其基本步骤。这种混合编程实现了VB的可视化界面与MATLAB强大的数值分析能力的结合。希望本文档会给有需要的朋友带来帮助；感兴趣的朋友可以过来看看

0

查看详情

这与逻辑或 || 不同，|| 会在左侧为“假值”（如 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，则使用默认值。

这种写法避免了多次嵌套判断，也防止了因假值误判导致的默认值覆盖问题。

基本上就这些。掌握可选链和空值合并，能让代码更简洁、更可靠，特别是在处理不确定结构的数据时优势明显。不复杂但容易忽略的是它们的适用边界——记住 ?? 不响应假值，而 ? . 只解决访问异常，不处理类型错误。合理使用，事半功倍。

以上就是现代JavaScript_可选链与空值合并的详细内容，更多请关注php中文网其它相关文章！