JavaScript 中的空值合并运算符 ?? 仅在左侧为 null 或 undefined 时返回右侧值,而 || 对所有 falsy 值(如 0、''、false)均触发右侧值;?? 更精准适用于需保留 falsy 但有效值的场景。

JavaScript 中的空值合并运算符是 ??,它用来获取第一个“非 null 且非 undefined”的值。和逻辑或(||)看起来相似,但行为关键不同:它只在左侧值是 null 或 undefined 时才取右侧值,而 || 会对所有“falsy”值(比如 0、''、false)都触发右侧值。
空值合并运算符 ?? 的作用范围很窄
它只把 null 和 undefined 当作“空”,其他任何值(包括 0、false、空字符串 '')都会被原样返回。
-
0 ?? 42→0(因为0不是 null/undefined) -
'' ?? 'default'→''(空字符串不是 null/undefined) -
null ?? 'fallback'→'fallback' -
undefined ?? 100→100
逻辑或 || 的判断更宽泛
|| 是“真值判断”,只要左边是 falsy 值(共 6 个:false、0、-0、0n、''、null、undefined),就返回右边。
-
0 || 42→42(0是 falsy) -
'' || 'default'→'default' -
false || 'yes'→'yes' -
null || 'oops'→'oops'
什么时候该用 ?? 而不是 ||
当你想保留“有意义但为 falsy”的默认值时,必须用 ??。
立即学习“Java免费学习笔记(深入)”;
- 用户设置了年龄为
0,你不想把它当成“未填写”而覆盖成默认值 → 用user.age ?? 18 - 配置项允许空字符串作为有效值(比如可选的前缀)→ 用
config.prefix ?? 'default' - 从 API 拿到的数据字段可能是
null,但0是合法数值 →data.count ?? 0安全,data.count || 0会把0错误地替换成0(虽然结果一样,但逻辑不清晰;更糟的是如果默认是1就出错了)
注意优先级和结合性
?? 和 || 不能直接混写,否则会报错:a ?? b || c 会抛 SyntaxError。需要加括号明确意图:
-
(a ?? b) || c:先处理空值,再做真值判断 -
a ?? (b || c):先算b || c,再和a做空值合并
基本上就这些。用对运算符,能避免很多“值明明写了却没生效”的隐形 bug。











