了解 ES11 中的空值合并运算符
在过去的 JavaScript 中,有一些常见的操作会引发许多的错误。其中之一是当你试图从一个空值的变量中获取其属性或方法时,程序将会抛出错误。这个问题现在可以通过使用“空值合并运算符”得到解决,该运算符也是 ECMAScript 2020(ES11)中的一个新特性。
空值合并运算符的作用是检查左侧的变量是否有值。在左侧的变量存在值的情况下,完全忽略右侧的值,并返回左侧的值。而当左侧的变量为空值(null 或 undefined)时,返回右侧的值。
语法
--- ------ - --------- -- ----------
示例
--- ---- - ----- --- ----------- - ---- -- -------- ------ ------------------------- -- -------- -----
在这个示例中,由于 name
是 null
,因此 displayName
取了默认值,即 “default name”。
指南
空值合并运算符为 JavaScript 开发者提供了一种安全、简单的方式来访问对象的属性和方法,避免了许多常见错误。除此之外,它也可以用于在线查询数据库结果,以及检测在函数内部使用的参数是否有值。
当你需要一个默认值去代替在一个变量为 null
或者 undefined
时使用“空值合并运算符”是一个不错的选择。这是比使用 ||
号操作符更直观,也比三元运算符更简单的方式。
结论
在本文中,我们详细了解了 ES11 中的空值合并运算符,掌握了它的语法与用法,并通过示例代码展示了其功能。使用空值合并运算符可以使我们编写更简单、更安全的 JavaScript 代码。
参考
来源:JavaScript中文网 ,转载请注明来源 本文地址:https://www.javascriptcn.com/post/6739af744567f25775997282