请描述下空值合并运算符（??）

空值合并运算符（??）是 JavaScript 中的一个逻辑运算符，用于处理可能为 null 或 undefined 的表达式。这个运算符在 ES2020（也被称为 ES11）中被引入，为前端开发者提供了一种更简洁、更直观的方式来处理空值。

语法

leftExpr ?? rightExpr

工作原理

• 当 leftExpr 的值不是 null 或 undefined 时，返回 leftExpr 的值。
• 当 leftExpr 的值是 null 或 undefined 时，返回 rightExpr 的值。

示例

const a = null;
const b = "default value";
const result = a ?? b; // "default value"

const c = 0;
const d = "not this";
const anotherResult = c ?? d; // 0，因为 0 不是 null 或 undefined

使用场景

空值合并运算符在前端开发中非常有用，特别是在处理可能不存在的数据或提供默认值时。例如，当你从 API 获取数据时，某些字段可能不存在或为 null。使用 ?? 运算符可以轻松地为这些字段提供默认值，从而避免运行时错误。

与其他运算符的比较

• 与 || 运算符的比较：虽然 || 运算符在某些情况下可以用来实现类似的功能，但它会在左侧表达式为任何“假值”（如 0、""、NaN、false、null 或 undefined）时返回右侧表达式的值。而 ?? 运算符仅在左侧表达式为 null 或 undefined 时返回右侧表达式的值。

示例比较

const x = 0;
const y = "default";

const resultWithOr = x || y; // "default"，因为 0 被视为假值
const resultWithNullish = x ?? y; // 0，因为 0 不是 null 或 undefined

结论

空值合并运算符（??）为前端开发者提供了一种更精确、更可预测的方式来处理可能为 null 或 undefined 的值，从而提高了代码的健壮性和可读性。