空值合并运算符 ‘??’

空值合并运算符 ‘??’

a ?? b 的结果是：

如果 a 是已定义的，则结果为 a，
如果 a 不是已定义的，则结果为 b。

如果第一个参数不是 null/undefined，则 ?? 返回第一个参数。否则，返回第二个参数

与 || 比较

重要的区别是：

1. || 返回第一个 真 值。
2. ?? 返回第一个 已定义的 值。

|| 无法区分 false、0、空字符串 “” 和 null/undefined。它们都一样 —— 假值（falsy values）。如果其中任何一个是 || 的第一个参数，那么我们将得到第二个参数作为结果

不过在实际中，我们可能只想在变量的值为 null/undefined 时使用默认值

优先级

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

因此，如果我们需要在还有其他运算符的表达式中使用 ?? 进行取值，需要考虑加括号：

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

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

下面的代码会触发一个语法错误：

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