理解JavaScript中的空值合并运算符(??)_javascript es2025

紅蓮之龍 2025-11-23 00:00:00 次阅读

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

空值合并运算符（??）是 JavaScript ES2025 引入的一个逻辑操作符，用于处理 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 数据中缺失的字段。

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: "" }