JavaScript中是否存在“空合并”运算符？

Javascript中是否有空合并运算符？

例如，在C#中，我可以这样做：

String someString = null;
var whatIWant = someString ?? "Cookies!";

我可以为Javascript找到的最佳近似是使用条件运算符：

var someString = null;
var whatIWant = someString ? someString : 'Cookies!';

这有点讨厌IMHO。我能做得更好吗？

当前回答

在阅读了您的澄清之后，@Ates Goral的回答提供了如何在JavaScript中执行您在C#中执行的相同操作。

@Gumbo的答案提供了检查空值的最佳方法；然而，注意JavaScript中==与==的区别很重要，特别是在检查未定义和/或null时。

这里有一篇关于两个术语的区别的非常好的文章。基本上，请理解如果使用==而不是==，JavaScript将尝试合并正在比较的值，并在合并后返回比较结果。

2009-01-24 18:23:21

其他回答

是的，它的建议现在是第四阶段。这意味着该提案已准备好纳入正式的ECMAScript标准。您已经可以在Chrome、Edge和Firefox的最新桌面版本中使用它，但我们需要等待一段时间，直到该功能达到跨浏览器的稳定性。

查看以下示例以演示其行为：

//注意：只有在运行上述浏览器的最新版本时，这才有效const var1=未定义；const var2=“回退值”；常量结果=var1？？var2；console.log（`${result}`中的空合并结果）；

上一示例等效于：

const var1=未定义；const var2=“回退值”；常量结果=（var1！==null&&var1！===undefined）？变量1：var2；console.log（`${result}`中的空合并结果）；

请注意，无效合并不会像||运算符那样威胁虚假值（它只检查未定义的值或空值），因此下面的代码片段将如下所示：

//注意：只有在运行上述浏览器的最新版本时，这才有效常量var1=“”；//空字符串const var2=“回退值”；常量结果=var1？？var2；console.log（`${result}`中的空合并结果）；

对于TypesScript用户，从TypeScript 3.7开始，该功能现在也可用。

2020-03-26 18:56:24

注意，React的create-React-app工具链支持自3.3.0版（发布于5.12.2019）以来的空合并

可选的链接和空合并运算符我们现在支持可选的链接和无效合并运算符！//可选链接一(); // 如果“a”为空/未定义，则为undefinedbc、 //如果“b”为空/未定义，则未定义//空聚结未定义？？'其他默认值'；//result:'其他默认值'空？？'其他默认值'；//result:'其他默认值''' ?? '其他默认值'；//结果：“”0 ?? 300; // 结果：0假的？？真；//结果：false

也就是说，如果你使用create-react-app3.3.0+，你可以开始在你的react应用中使用空联合运算符。

2019-12-05 12:42:51

?? vs | | vs&&

其他答案中没有一个能比较这三个答案。由于贾斯汀·约翰逊（Justin Johnson）的评论获得了如此多的选票，而且javascript中的双问号vs&&被标记为这一条的重复，因此在答案中包含&&是有意义的。

首先，受贾斯汀·约翰逊评论的启发：

||返回第一个“truey”值，否则返回最后一个值。&&返回第一个“false”值，否则返回最后一个值。?? 返回第一个非空的、未定义的值，否则返回最后一个值，无论它是什么。

然后，用实时代码演示：

设F1，F2＝空，F3＝0，F4=“”，F5=parseInt（'不是数字（NaN）'），T1＝3，T2=8控制台日志（F1||F2||F3||F4||F5||T1||T2）//3（T1）console.log（F1||F2||F3||F4||F5）//NaN（F5）console.log（T1&&T2&&F1&&F2&&F3&&F4&&F5）//未定义（F1）console.log（T1和T2）//8（T2）控制台日志（F1？？F2？？F3？？F4？？F5？？T1）//0（F3）console.log（F1？？F2）//空（F2）

2021-11-28 12:00:07

在阅读了您的澄清之后，@Ates Goral的回答提供了如何在JavaScript中执行您在C#中执行的相同操作。

@Gumbo的答案提供了检查空值的最佳方法；然而，注意JavaScript中==与==的区别很重要，特别是在检查未定义和/或null时。

这里有一篇关于两个术语的区别的非常好的文章。基本上，请理解如果使用==而不是==，JavaScript将尝试合并正在比较的值，并在合并后返回比较结果。

2009-01-24 18:23:21

这里有两项：

逻辑或

const foo=“”|“默认字符串”；

console.log（foo）；//输出为“默认字符串”

空合并运算符

常量foo=''？？'默认字符串'；

console.log（foo）；//输出为空字符串，即“”