这里有两项：

逻辑或

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

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

空合并运算符

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

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

零合并运算符（？？）是一种逻辑运算符，当左侧操作数为空或未定义时，它返回右侧操作数，否则返回左侧操作数。

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing_operator

注意，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应用中使用空联合运算符。

这里没有人提到NaN的潜力，对我来说，它也是一个空值。所以，我想再加上两美分。

对于给定代码：

var a,
    b = null,
    c = parseInt('Not a number'),
    d = 0,
    e = '',
    f = 1
;

如果要使用||运算符，将获得第一个非false值：

var result = a || b || c || d || e || f; // result === 1

如果你使用新的？？（空合并）运算符，将得到c，其值为：NaN

vas result = a ?? b ?? c ?? d ?? e ?? f; // result === NaN

我觉得这两个都不对。在我自己的联合逻辑小世界里，我认为未定义的、空的和NaN都是“空的”。所以，我希望从联合方法中得到d（零）。

如果任何人的大脑都像我一样工作，并且你想排除NaN，那么这个定制的联合方法（与这里发布的方法不同）将实现这一点：

function coalesce() {
    var i, undefined, arg;

    for( i=0; i < arguments.length; i++ ) {
        arg = arguments[i];
        if( arg !== null && arg !== undefined
            && (typeof arg !== 'number' || arg.toString() !== 'NaN') ) {
            return arg;
        }
    }
    return null;
}

对于那些希望代码尽可能简短，并且不介意有点不够清晰的人，您也可以按照@impinball的建议使用此选项。这利用了NaN永远不等于NaN的事实。你可以在这里读到更多：为什么NaN不等于NaN？

function coalesce() {
    var i, arg;

    for( i=0; i < arguments.length; i++ ) {
        arg = arguments[i];
        if( arg != null && arg === arg ) { //arg === arg is false for NaN
            return arg;
        }
    }
    return null;
}

是的，它的建议现在是第四阶段。这意味着该提案已准备好纳入正式的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开始，该功能现在也可用。

它有望很快在Javascript中提供，因为截至2020年4月，它处于提案阶段。您可以在此处监视状态以获得兼容性和支持-https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing_operator

对于使用Typescript的用户，您可以使用Typescript 3.7中的零合并运算符

从文档中-

你可以想到这个功能-？？操作员-作为“跌倒”的方式当处理null或undefined时，返回到默认值。当我们编写类似代码让x=foo？？bar（）；这是一种新的说法，即当foo值为“present”时将使用它；但当它为空或未定义时，在其位置计算bar（）。

如果||作为C#？？的替代品？？在您的情况下还不够好，因为它包含空字符串和零，所以您可以始终编写自己的函数：

 function $N(value, ifnull) {
    if (value === null || value === undefined)
      return ifnull;
    return value;
 }

 var whatIWant = $N(someString, 'Cookies!');