今天给大家分享空值合并运算符（??）

官方在 ES2020 版本里就出了一个叫“空值合并运算符”的东西，官方的解释是：

空值合并操作符（??）是一个逻辑操作符，当左侧的操作数为 null 或者 undefined 时，返回其右侧操作数，否则返回左侧操作数。

mdn

语法：

    leftExpr ?? rightExpr

应用1：为常量提供默认值

使用空值合并运算符为常量提供默认值，保证常量不为 null 或者 undefined。

应用2：为变量赋默认值

如果想为一个变量赋默认值，通常的做法是使用逻辑或运算符（||）

然而，由于 || 是一个布尔逻辑运算符，左侧的操作数会被强制转换成布尔值用于求值。任何假值（0， ''， NaN， null， undefined）都不会被返回。这导致如果你使用0，''或NaN作为有效值，就会出现不可预料的后果。如下：

空值合并运算符可以避免这种陷阱，其只在第一个操作数为null 或 undefined 时（而不是其它假值）返回第二个操作数：

应用3：短路

与 OR 和 AND 逻辑运算符相似，当左表达式不为 null 或 undefined 时，不会对右表达式进行求值。

应用4：不能与 AND 或 OR 运算符共用

将 ?? 直接与 AND（&&）和 OR（||）运算符组合使用是不可取的。（译者注：应当是因为空值合并运算符和其他逻辑运算符之间的运算优先级/运算顺序是未定义的）这种情况下会抛出 SyntaxError 。

但是，如果使用括号来显式表明运算优先级，是没有问题的：

应用5：与可选链式运算符（?.）的关系

空值合并运算符针对 undefined 与 null 这两个值，可选链式运算符（?.） 也是如此。在这访问属性可能为 undefined 与 null 的对象时，可选链式运算符非常有用。

苟有恒 , 何必三更眠五更起

关注我，一起学习吧