前言
ES10（也称为 ECMAScript 2019）是 JavaScript 的一个版本，它引入了很多新的特性。其中，空值合并运算符（Nullish Coalescing Operator）是一个非常有用的特性，它可以帮助我们更方便地处理变量为空时的情况。
本文将详细介绍 ES10 中的空值合并运算符，包括它的语法、使用场景以及注意事项，最后会给出一些示例代码供读者参考。
空值合并运算符的语法
空值合并运算符用两个问号 ?? 表示，它的语法如下：
------------ -- ------------
其中 variableName 是需要判断的变量名，defaultValue 是当 variableName 为 null 或 undefined 时的默认值。
空值合并运算符的使用场景
空值合并运算符常常用于以下场景：
1. 给变量设置默认值
在 JavaScript 中，我们经常需要对一些变量进行判断，以保证变量的值不为 null 或 undefined。这时就可以使用空值合并运算符来设置默认值，例如：
--- ---- - ----- --- ----------- - -------- --- ------ - ---- -- ------------ -------------------- -- -------
上面的代码中，如果 name 的值为 null，那么 result 就会被赋值为 'guest'，否则 result 就会被赋值为 name 的值。
2. 避免对象属性不存在的错误
在 JavaScript 中，我们经常需要获取对象的属性。如果对象不存在该属性，那么就会抛出错误或返回 undefined。这时就可以使用空值合并运算符来避免这种错误，例如：
--- --- - --- --- ------ - -------- -- ---------- -------------------- -- ---------
上面的代码中，obj 对象不存在 name 属性，但因为使用了空值合并运算符，所以 result 的值会被设置为 'default'。
3. 避免函数参数为 null 或 undefined
在编写 JavaScript 函数时，我们经常需要对参数进行判断，以保证参数不为 null 或 undefined。这时就可以使用空值合并运算符来避免这种判断，例如：
-------- ----------- - --- ------ - ---- -- -------- ------------------- ------------- - -------- -- ------- -------
上面的代码中，name 参数默认为 undefined，但因为使用了空值合并运算符，所以 result 的值会被设置为 'guest'。
注意事项
使用空值合并运算符时，需要注意以下几点：
1. 区分 null 和 undefined
空值合并运算符只在变量等于 null 或 undefined 时才会生效，因此需要确保使用时能正确区分两者，例如：
--- - - ----- --- - - -- --- - - - -- -- --------------- -- -
上面的代码中，即使 x 的值为 0，因为不等于 null 或 undefined，所以空值合并运算符也不会起作用。
2. 不适用于 falsy 值
空值合并运算符只在变量等于 null 或 undefined 时才会生效，在变量等于空字符串、0、NaN 或 false 时不会生效。因此需要确保使用时能正确区分这些 falsy 值，例如：
--- - - --- --- - - ---------- --- - - - -- -- --------------- -- --
上面的代码中，即使 x 的值为 ''，因为它不是 null 或 undefined，所以空值合并运算符也不会起作用。
3. 不适用于对象
空值合并运算符只适用于判断变量是否为 null 或 undefined 的情况，不适用于判断对象是否存在某个属性的情况。因此需要在使用时注意这一点，例如：
--- --- - --- --- -------- - ------- --- ------ - ------------ -- ---------- -------------------- -- ---------
上面的代码中，obj 对象存在 name 属性，但因为使用了空值合并运算符，所以 result 的值会被设置为 undefined。
示例代码
下面是一些示例代码，供读者参考：
-- -------- --- ---- - ----- --- ----------- - -------- --- ------ - ---- -- ------------ -------------------- -- ------- -- ------------ --- --- - --- --- ------ - -------- -- ---------- -------------------- -- --------- -- ------- ---- - --------- -------- ----------- - --- ------ - ---- -- -------- ------------------- ------------- - -------- -- ------- -------
结论
本文详细介绍了 ES10 中的空值合并运算符，包括它的语法、使用场景以及注意事项。空值合并运算符能够帮助我们更方便地处理变量为空时的情况，是一个非常有用的特性。如果读者还未使用过空值合并运算符，建议尝试一下，相信会为编写代码带来很大的便利。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/67173cddad1e889fe22079cb