JS 如何使用空值合并运算符处理默认值？

Question

仓乃文 · Accepted Answer

设置默认值时，|| 运算符会把 0、false、空字符串等假值也当作需要默认值的场景。空值合并运算符 ?? 只在值为 null 或 undefined 时才使用默认值，更加精确。

?? 与 || 的区别：
```javascript
const timeout = 0;

timeout || 5000;   // 5000  ← 0 被当作假值，误触默认值
timeout ?? 5000;   // 0     ← 只有 null/undefined 才触发默认值

const debug = false;
debug || true;     // true  ← false 被误覆盖
debug ?? true;     // false ← 保留有效值
```

实际应用：
```javascript
// 配置合并
function init(config) {
  return {
    timeout: config.timeout ?? 3000,
    retries: config.retries ?? 3,
    debug: config.debug ?? false,
  };
}

init({ timeout: 0, retries: 0 });  // { timeout: 0, retries: 0, debug: false }
```

补充说明：
- ?? 只判断 null 和 undefined，不会误判 0、false、NaN、空字符串
- ?? 不能直接和 || 或 && 混用，必须用括号明确优先级：(a ?? b) || c
- ??= 赋值运算符：obj.count ??= 1 等价于 obj.count ?? (obj.count = 1)
- 适合处理 API 返回数据、用户配置等需要区分 0/false 和空值的场景