聊聊 ES11 中的 Nullish Coalescing 操作符-JavaScript中文网-JavaScript教程资源分享门户

ES11 中的 Nullish Coalescing 操作符是一种新的运算符，它的作用是判断一个值是否为 null 或 undefined，如果是则返回默认值，否则返回该值本身。相比 || 运算符，Nullish Coalescing 操作符更加严格，因为它只对 null 或 undefined 值生效。

Nullish Coalescing 操作符的语法

Nullish Coalescing 操作符用 ?? 表示，在代码中的语法为：

a ?? b

其中 a 为需要判断的值，b 为默认值。如果 a 的值为 null 或 undefined，则返回 b，否则返回 a。

Nullish Coalescing 操作符的应用

默认值设置

Nullish Coalescing 操作符可以方便地设置默认值，如下面的示例：

const color = preferredColor ?? 'blue';

这段代码中，preferredColor 是一个变量，如果它的值为 null 或 undefined，则会返回默认值 blue。

函数参数设置

Nullish Coalescing 操作符还可以用于函数参数的默认值设置，如下面的示例：

function printMessage(message = 'Hello, world!') {
  console.log(message);
}

printMessage(); // 输出：Hello, world!
printMessage(undefined); // 输出：Hello, world!
printMessage(null); // 输出：null
printMessage('Hi, there!'); // 输出：Hi, there!

这段代码中，如果函数调用时传入的参数为 null 或 undefined，则会使用默认值，否则会使用传入的参数值。

Nullish Coalescing 操作符的学习意义

Nullish Coalescing 操作符是一种新的语法和思想，它强调了代码的安全性和可读性，可以在某些场景下更加方便地设置默认值和处理特殊情况。学习和掌握 Nullish Coalescing 操作符可以提高我们的代码质量和效率，也可以更好地理解 Javascript 中的数据类型和运算符。

总结

Nullish Coalescing 操作符是 ES11 中新增的一种运算符，它可以判断一个值是否为 null 或 undefined，并返回默认值或原值。Nullish Coalescing 操作符可以应用于默认值设置和函数参数默认值设置等场景，具有一定的指导意义和学习深度。我们应该多加研究和使用 Nullish Coalescing 操作符，以提高前端开发效率和代码质量。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/654a3fb57d4982a6eb464a36