ECMAScript 2020 新特性：Nullish Coalescing 运算符解决 Bug-JavaScript中文网-JavaScript教程资源分享门户

ECMAScript 2020 引入了 Nullish Coalescing 运算符，也被称为 “Null 合并运算符”，可以帮助开发者更方便地处理空值（null）和未定义值（undefined）。

在这篇文章中，我们将会深入了解 Nullish Coalescing 运算符的使用方法和指导意义，并通过示例代码来加深理解。

什么是 Nullish Coalescing 运算符？

Nullish Coalescing 运算符用两个问号（??）表示，它返回它的第一个操作数，除非第一个操作数的类型为 null 或 undefined，此时它返回第二个操作数。

具体来说，如果第一个操作数的值是 null 或 undefined，Nullish Coalescing 运算符会返回第二个操作数；如果第一个操作数的值不是 null 或 undefined，Nullish Coalescing 运算符会返回第一个操作数。

Nullish Coalescing 运算符的运算规则与逻辑或运算符（||）类似，但二者的目的有所不同。逻辑或可以用来处理空值或者空字符串，但空值或空字符串被视为“假值”，而 Nullish Coalescing 运算符只针对 null 和 undefined。

接下来，我们将通过一些例子来学习 Nullish Coalescing 运算符的具体用法。

Nullish Coalescing 运算符示例

首先，我们来看下面这个示例：

let a = null;
let b = 'hello';
let c = a ?? b;
console.log(c); // 'hello'

在上面的代码中，我们声明了一个变量 a 并将其赋值为 null，声明了一个变量 b 并将其赋值为 'hello'。接着我们使用 Nullish Coalescing 运算符来确定 c 变量的值。由于 a 的值为 null，所以 c 的值为 b，即 'hello'。

下面再看一个例子：

let a = undefined;
let b = 'world';
let c = a ?? b;
console.log(c); // 'world'

这个例子与之前的例子类似，只是将 null 替换成了 undefined。由于 a 的值是 undefined，所以 c 的值为 b，即 'world'。

针对一个包含 null 或 undefined 的变量，您可以使用 Nullish Coalescing 运算符进行默认赋值：

let a = null;
let b = 'hello';
let c = a ?? b;
console.log(c); // 'hello'

这就相当于：

let a = null;
let b = 'hello';
let c = (a !== null && a !== undefined) ? a : b;
console.log(c); // 'hello'

通过以上三个例子，我们了解了 Nullish Coalescing 运算符的基本用法。接下来，我们将讨论其深度和学习以及指导意义。

Nullish Coalescing 运算符的深度和学习

Nullish Coalescing 运算符为 JavaScript 开发者提供了一个快速且安全的方法来处理 null 和 undefined 值，并且可以减少代码量。与逻辑或运算符不同，它只处理 null 和 undefined 值，并且遵循 JavaScript 的严格等式比较规则，因此它更可靠。

它的深度和学习微不足道，即你只需要知道它的基础语法和用起来很顺畅。他会在你面对 null 或 undefined 时提供一个优雅的处理方式。

Nullish Coalescing 运算符的指导意义

Nullish Coalescing 运算符可以在以下场景下使用：

当您希望在变量为空（null 或 undefined）时设置默认值时。
当您需要使用一个表达式的结果作为函数参数，并且希望使用默认值来处理 undefined 或缺少的值时。
当您需要检查属性，但是要忽略空值时。

在以上场景下，Nullish Coalescing 运算符可以减少代码量，并提高可读性，从而提高可维护性和代码质量。

结论

在本文中，我们已经深入了解了 ECMAScript 2020 新特性：Nullish Coalescing 运算符。作为一种新语言特性，Nullish Coalescing 运算符为 JavaScript 开发者提供了一种更快捷、更安全的方式来处理空值和未定义值，并帮助我们减少代码量。我们还使用了一些示例代码来加深理解，希望您现在已经理解并掌握了 Nullish Coalescing 运算符的用法，并能在实际开发中充分利用它的优点。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/67755fca6d66e0f9aaf7df6c