了解 ES11 中的空值合并运算符

了解 ES11 中的空值合并运算符

在过去的 JavaScript 中,有一些常见的操作会引发许多的错误。其中之一是当你试图从一个空值的变量中获取其属性或方法时,程序将会抛出错误。这个问题现在可以通过使用“空值合并运算符”得到解决,该运算符也是 ECMAScript 2020(ES11)中的一个新特性。

空值合并运算符的作用是检查左侧的变量是否有值。在左侧的变量存在值的情况下,完全忽略右侧的值,并返回左侧的值。而当左侧的变量为空值(null 或 undefined)时,返回右侧的值。

语法

--- ------ - --------- -- ----------

示例

--- ---- - -----
--- ----------- - ---- -- -------- ------

------------------------- -- -------- -----

在这个示例中,由于 namenull,因此 displayName 取了默认值,即 “default name”。

指南

空值合并运算符为 JavaScript 开发者提供了一种安全、简单的方式来访问对象的属性和方法,避免了许多常见错误。除此之外,它也可以用于在线查询数据库结果,以及检测在函数内部使用的参数是否有值。

当你需要一个默认值去代替在一个变量为 null 或者 undefined 时使用“空值合并运算符”是一个不错的选择。这是比使用 || 号操作符更直观,也比三元运算符更简单的方式。

结论

在本文中,我们详细了解了 ES11 中的空值合并运算符,掌握了它的语法与用法,并通过示例代码展示了其功能。使用空值合并运算符可以使我们编写更简单、更安全的 JavaScript 代码。

参考

来源:JavaScript中文网 ,转载请注明来源 本文地址:https://www.javascriptcn.com/post/6739af744567f25775997282