type
Post
status
Published
date
Jul 3, 2025
slug
summary
空值合并运算符（nullish coalescing operator）的写法为两个问号
??。
由于它对待 null 和 undefined 的方式类似，所以在本文中我们将使用一个特殊的术语对其进行表示。为简洁起见，当一个值既不是 null 也不是 undefined 时，我们将其称为“已定义的（defined）”。tags
JavaScript
category
JavaScript
icon
password
上次编辑时间
Jul 3, 2025 07:05 AM
comment
AI 总结
空值合并运算符（nullish coalescing operator）的写法为两个问号
??。由于它对待
null 和 undefined 的方式类似，所以在本文中我们将使用一个特殊的术语对其进行表示。为简洁起见，当一个值既不是 null 也不是 undefined 时，我们将其称为“已定义的（defined）”。a ?? b 的结果是：- 如果
a是已定义的，则结果为a，
- 如果
a不是已定义的，则结果为b。
换句话说，如果第一个参数不是
null/undefined，则 ?? 返回第一个参数。否则，返回第二个参数。空值合并运算符并不是什么全新的东西。它只是一种获得两者中的第一个“已定义的”值的不错的语法。
我们可以使用我们已知的运算符重写
result = a ?? b，像这样：现在你应该清楚了
?? 的作用。让我们来看看它的使用场景吧。?? 的常见使用场景是提供默认值。例如，在这里，如果
user 的值不为 null/undefined 则显示 user，否则显示 匿名：在下面这个例子中，我们将一个名字赋值给了
user：我们还可以使用
?? 序列从一系列的值中选择出第一个非 null/undefined 的值。假设我们在变量
firstName、lastName 或 nickName 中存储着一个用户的数据。如果用户决定不填写相应的值，则所有这些变量的值都可能是未定义的。我们想使用这些变量之一显示用户名，如果这些变量的值都是
null/undefined，则显示 “匿名”。让我们使用
?? 运算符来实现这一需求：与 || 比较
例如，在上面的代码中，我们可以用
|| 替换掉 ??，也可以获得相同的结果：纵观 JavaScript 发展史，或
|| 运算符先于 ?? 出现。它自 JavaScript 诞生就存在了，因此开发者长期将其用于这种目的。另一方面，空值合并运算符
?? 是最近才被添加到 JavaScript 中的，它的出现是因为人们对 || 不太满意。它们之间重要的区别是：
||返回第一个 真 值。
??返回第一个 已定义的 值。
换句话说，
|| 无法区分 false、0、空字符串 "" 和 null/undefined。它们都一样 —— 假值（falsy values）。如果其中任何一个是 || 的第一个参数，那么我们将得到第二个参数作为结果。不过在实际中，我们可能只想在变量的值为
null/undefined 时使用默认值。也就是说，当该值确实未知或未被设置时。例如，考虑下面这种情况：
height || 100首先会检查height是否为一个假值，它是0，确实是假值。- 所以，
||运算的结果为第二个参数，100。
height ?? 100首先会检查height是否为null/undefined，发现它不是。- 所以，结果为
height的原始值，0。
实际上，高度
0 通常是一个有效值，它不应该被替换为默认值。所以 ?? 运算得到的是正确的结果。优先级
这意味着，就像
|| 一样，空值合并运算符在 = 和 ? 运算前计算，但在大多数其他运算（例如 + 和 *）之后计算。所以我们可能需要在这样的表达式中添加括号：
否则，如果我们省略了括号，则由于
* 的优先级比 ?? 高，它会先执行，进而导致错误的结果。?? 与 && 或 || 一起使用
出于安全原因，JavaScript 禁止将
?? 运算符与 && 和 || 运算符一起使用，除非使用括号明确指定了优先级。下面的代码会触发一个语法错误：
这个限制无疑是值得商榷的，它被添加到语言规范中是为了避免人们从
|| 切换到 ?? 时的编程错误。可以明确地使用括号来解决这个问题：
总结
空值合并运算符
?? 提供了一种从列表中选择第一个“已定义的”值的简便方式。它被用于为变量分配默认值：
??运算符的优先级非常低，仅略高于?和=，因此在表达式中使用它时请考虑添加括号。
- 如果没有明确添加括号，不能将其与
||或&&一起使用。
- Author:24th
- URL:https://24th.top/article/225e5b08-46db-80c6-8ea4-c454e315ad1b
- Copyright:All articles in this blog, except for special statements, adopt BY-NC-SA agreement. Please indicate the source!
