空值合并运算符(??)在JavaScript中用于精确处理null和undefined的默认值赋值,与逻辑或(||)不同,它仅当左侧为null或undefined时返回右侧值,保留0、""等假值;典型应用场景包括配置项设置和API数据处理,如config.timeout ?? 5000;注意不可与&&或||直接混用,需加括号避免语法错误。

空值合并运算符(??)是 JavaScript ES2020 引入的一个逻辑操作符,用于处理 null 和 undefined 的默认值赋值场景。它和传统的逻辑或运算符(||)相似,但行为更精确,只在左侧操作数为 null 或 undefined 时才返回右侧的默认值。
与逻辑或(||)的区别
逻辑或运算符(||)会在左侧为“假值”时使用右侧值。JavaScript 中的假值包括:false、0、""(空字符串)、null、undefined、NaN。
而 ?? 只关心是否为 null 或 undefined,其他假值如 0 或空字符串都会被保留。
- 0 || 10 → 返回 10(因为 0 是假值)
- 0 ?? 10 → 返回 0(因为 0 不是 null 或 undefined)
- "" || "default" → 返回 "default"
- "" ?? "default" → 返回 ""
- null ?? "default" → 返回 "default"
- undefined ?? "default" → 返回 "default"
典型使用场景
空值合并常用于设置默认配置、处理用户输入或 API 数据中缺失的字段。
立即学习“Java免费学习笔记(深入)”;
const config = {
timeout: null,
retries: 0,
message: ""
};
const finalConfig = {
timeout: config.timeout ?? 5000, // null 使用默认值
retries: config.retries ?? 3, // 0 被保留
message: config.message ?? "none" // 空字符串被保留
};
// 结果:
// { timeout: 5000, retries: 0, message: "" }
注意事项和限制
?? 不能直接与 && 或 || 混用而不加括号,否则会抛出语法错误。
- 正确写法:(user.name ?? "Anonymous") || "Guest"
- 错误写法:user.name ?? "Anonymous" || "Guest"(语法错误)
这是为了防止逻辑歧义。如果需要组合使用,请用括号明确优先级。
基本上就这些。空值合并让默认值处理更安全、语义更清晰,特别适合处理可能为 0 或空字符串的合法数据。不复杂但容易忽略细节。











