在 ES11 中，Nullish 运算符是一项新的功能，它为 JavaScript 中的函数默认值设置提供了更好的支持。在以前的版本中，我们会用逻辑或运算符（||）来设置默认值，但是这种方式有时会导致一些不必要的错误。在本文中，我们将深入探讨 Nullish 运算符在函数默认值设置方面的技术细节和指导意义。
什么是 Nullish 运算符？
Nullish 运算符（??）是一种新的 JavaScript 运算符，它用于检测一个值是否为 null 或 undefined。当给定值为 null 或 undefined 时，Nullish 运算符返回右侧的值。否则，返回左侧的值。
举个例子：
const foo = undefined ?? 'default'; console.log(foo); // 'default' const bar = null ?? 'default'; console.log(bar); // 'default' const baz = 0 ?? 'default'; console.log(baz); // 0
在以上示例中，foo 和 bar 的值都为 'default'，因为它们的左侧都是 undefined 或 null。而 baz 的值为 0，因为 0 不是 null 或 undefined。
如何使用 Nullish 运算符设置函数默认值？
在 ES11 中，我们可以使用 Nullish 运算符来为函数参数指定默认值。与以前使用的方法不同，Nullish 运算符只有在函数参数的值为 null 或 undefined 时才会使用默认值。这使得我们可以更有效地管理参数默认值，并避免了以前方法的潜在问题。以下是一个使用 Nullish 运算符的函数示例：
function foo(bar = 'default') {
console.log(bar);
}
foo(undefined); // 'default'
foo(null); // null
foo(0); // 0在以上示例中，我们定义了一个函数 foo，它的参数 bar 默认值设置为 'default'。当我们调用函数时，如果不传递参数或传递 undefined 参数，那么 bar 将使用默认值。而当我们传递 null 参数时，bar 将成为 null 值。然而，当我们传递 0 参数时，bar 将使用 0 值，因为 0 不是 null 或 undefined。
Nullish 运算符的指导意义
使用 Nullish 运算符可以提高代码的可读性和可维护性，并避免一些潜在的错误。在以前，我们使用逻辑或运算符来设置默认值时，当参数的值是 false 或者 0 时，也会使用默认值。这些值通常是有意义的，我们不希望它们被错误地替换。
因此，在设置函数参数默认值时，使用 Nullish 运算符是一个不错的选择。它只在参数的值为 null 或 undefined 时使用默认值，而不是替换一些意义明确的值。
此外，Nullish 运算符也可以应用于其他 JavaScript 中的情况，如多级变量设置（a ?? b ?? c ?? 'default'）等等。它可以提高代码的稳定性和可读性，从而使 JavaScript 程序员更容易编写并维护代码。
总结
Nullish 运算符是 ES11 中的一项新功能，它可以用于 JavaScript 中的函数默认值设置。与以前使用的逻辑或运算符不同，Nullish 运算符只在参数的值为 null 或 undefined 时使用默认值。这使得我们可以更好地处理默认值并避免一些潜在的错误。此外，Nullish 运算符也可以应用于其他 JavaScript 中的情况，如多级变量设置。我们应该在编写 JavaScript 代码时适度使用并深入理解 Nullish 运算符的设计和运行原理。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/652cbdce7d4982a6ebe57034