在前端开发中，我们经常需要处理各种数据类型，包括数字、字符串、布尔值、对象、数组等等。在处理这些数据时，我们经常需要使用一些运算符来进行操作，如加减乘除、比较大小、逻辑运算等等。而在 ES11 中，新增了一个操作符：Nullish Coalescing（空值合并）操作符，它可以方便地处理空值的情况，提高代码的可读性和可维护性。
Nullish Coalescing 操作符是什么
Nullish Coalescing 操作符（??）是一个新的逻辑运算符，它可以用来处理 null 或 undefined 值。在处理数据时，我们经常需要判断一个值是否为 null 或 undefined，如果是，则需要使用默认值来代替它。而在以往的代码中，我们通常使用 || 运算符来处理这种情况，如下所示：
const value = null || 'default'; console.log(value); // 输出 'default'
在这个例子中，如果变量 value 的值为 null，那么 || 运算符会返回右侧的默认值 'default'。但是这种写法有一个缺点，就是当变量的值为 0 或 ''（空字符串）时，也会被当作 false 来处理，从而返回默认值。这种情况下，我们需要使用更加严格的判断方式来处理 null 或 undefined 值。
而 Nullish Coalescing 操作符就是为了解决这个问题而生的，它只会在变量的值为 null 或 undefined 时才返回默认值，对于其他 falsy 值，如 0 和 ''，它不会返回默认值。下面是一个使用 Nullish Coalescing 操作符的例子：
const value = null ?? 'default'; console.log(value); // 输出 'default'
在这个例子中，如果变量 value 的值为 null，那么 ?? 运算符会返回右侧的默认值 'default'。但是如果变量的值为 0 或 ''，那么它不会返回默认值，而是返回原来的值。
Nullish Coalescing 操作符的用法
Nullish Coalescing 操作符的语法很简单，就是两个问号（??）连接起来，如下所示：
const result = a ?? b;
其中，a 和 b 分别表示两个变量。如果变量 a 的值为 null 或 undefined，那么 ?? 运算符会返回变量 b 的值，否则返回变量 a 的值。
下面是一些使用 Nullish Coalescing 操作符的示例：
-- -------------------- ---- ------- -- ----- ----- ---- - --------- -- -------- ------ ------------------ -- -- -------- ----- -- ------ ----- --- - - -- --- ----------------- -- -- - -- ------ ----- ------- - -- -- -------- --------- --------------------- -- -- -- -- ----- ----- ---- - ---- -- -------- ------ ------------------ -- -- -------- ----- -- ------ ----- ------- - ------- -- -------- --------- --------------------- -- -- -------
Nullish Coalescing 操作符的指导意义
Nullish Coalescing 操作符的出现，可以使我们更加方便地处理空值的情况，提高代码的可读性和可维护性。它可以避免使用 || 运算符时出现的一些问题，如将 0 和 '' 误认为是 null 或 undefined，从而返回错误的默认值。同时，它也可以使代码更加简洁，减少不必要的判断语句。
在实际开发中，我们经常需要处理各种数据类型，包括 null、undefined、0、'' 等等，而 Nullish Coalescing 操作符可以帮助我们更加方便地处理这些数据，使代码更加简洁和易于维护。
总结
Nullish Coalescing 操作符是 ES11 中的一个新特性，它可以用来处理 null 或 undefined 值，并且避免了使用 || 运算符时出现的一些问题。它的语法很简单，只需要使用两个问号（??）连接起来即可。在实际开发中，我们可以使用 Nullish Coalescing 操作符来处理空值的情况，使代码更加简洁和易于维护。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/660228e1d10417a222d8e282