在ES10中，引入了 Nullish Coalescing（空值合并操作符） 这一新语法。与逻辑或操作符不同的是，Nullish Coalescing仅在变量值为null或undefined时返回默认值。
本文将详细介绍Nullish Coalescing的语法和用法，并提供相应的示例代码，以便读者更好地理解和使用它。
语法
Nullish Coalescing操作符使用两个问号（??）表示，其语法如下：
--- ------ - - -- --
如果变量a值为null或undefined，则返回b的值，否则返回a的值。
示例代码
下面是一个用例，说明了使用Nullish Coalescing操作符的实例代码：
----- ---- - ----- ----- -------- - ---- -- -------- ---------------------- ---------
在这个例子中，变量name的值被赋为null，Nullish Coalescing操作符检测到它的值为null，因此它使用默认值'Guest' 替换name，最终返回username。
下面再来看一个稍微复杂一些的例子：
--- ---- - -
----- -----
---- ---
-------- -
----- ---- -----
-
--
--- -------- - --------- -- --------
--- ------- - -------- -- ---
--- -------- - ------------------ -- -------- ------
---------------------- ---------
--------------------- ------
---------------------- ------- ----在这个例子中，我们创建了一个名为user的对象。该对象包含了name、age和address属性。其中name值为null，age值为35，address值为一个包含city属性的对象。
使用Nullish Coalescing操作符，我们判断了name和age属性的值是否为空，如果为空，则使用了默认值。而使用了可选链操作符(?，其中?是判断操作对象是否存在，没有则返回undefined)检测了是否存在address属性，如果不存在，则返回默认值。最终打印出username、userage和usercity。
指导意义
Nullish Coalescing操作符可用于简化代码，特别是当您需要为null或undefined设置默认值时。与逻辑或操作符不同，Nullish Coalescing只有在值为null或undefined时才会返回默认值，这使您能够更准确地控制值的判断。
在使用Nullish Coalescing操作符时，要注意检查默认值是否为null或undefined，否则您将无法确定变量的实际值。
在开始使用这个语法之前，建议您研究它的文档以及进行几个实验，以确保您充分理解该操作符。同时，您还应该考虑您的代码库是否支持ES10或以上的版本，以决定是否使用这个语法。
结论
本文详细介绍了ES10中的Nullish Coalescing操作符及其语法和用法，并提供了示例代码和指导意义。我们希望这篇文章能够帮助你更好地掌握这个操作符，从而更好地使用它。如果您对此有任何疑问、建议或反馈，请随时联系我们。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/67386caa317fbffedf10627f