空值合并值运算符??

空值合并值运算符

• ||返回第一个**(true)**值
• ??返回第一个已定义的值

||无法区分false，0，空字符串""和null/endefind

let height = 0;

alert(height || 100); // 100
alert(height ?? 100); // 0

• height || 100 首先会检查 height 是否为一个假值，发现它确实是。
• height ?? 100 首先会检查 height 是否为 null/undefined，发现它不是。
  所以，结果为 height 的原始值，0。

优先级

• ?? 运算符的优先级相当低：在 MDN table 中为 5。因此，?? 在 = 和 ? 之前计算，但在大多数其他运算符（例如，+ 和 *）之后计算

let height = null;
let width = null;

// 重要：使用括号
let area = (height ?? 100) * (width ?? 50);

alert(area); // 5000

• 否则，如果我们省略了括号，则由于 * 的优先级比 ?? 高，它会先执行，进而导致错误的结果。

// 没有括号
let area = height ?? 100 * width ?? 50;
// ……与下面这行代码的计算方式相同（应该不是我们所期望的）：
let area = height ?? (100 * width) ?? 50;

??与&&或||一起使用

• 出于安全原因，JavaScript 禁止将 ?? 运算符与 && 和 || 运算符一起使用，除非使用括号明确指定了优先级。

let x = 1 && 2 ?? 3; // Syntax error

总结

• 空值合并运算符 ?? 提供了一种从列表中选择第一个“已定义的”值的简便方式。

它被用于为变量分配默认值：

// 当 height 的值为 null 或 undefined 时，将 height 的值设置为 100
height = height ?? 100;

• ?? 运算符的优先级非常低，仅略高于 ? 和 =，因此在表达式中使用它时请考虑添加括号。
• 如果没有明确添加括号，不能将其与 || 或 && 一起使用。