链接多个值/多个值

启用“短路”：如果第一个值之一有效，则不进行任何进一步评估这意味着顺序很重要，最左边的值优先

const value = first ?? second ?? third ?? "default";

这里有两项：

逻辑或

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

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

空合并运算符

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

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

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

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

这里没有人提到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;
}

使用Babel的用户需要升级到最新版本才能使用零合并（？？）：

Babel 7.8.0默认支持新的ECMAScript 2020功能：不需要启用单独的插件来进行无效合并（？？），可选的链接（？.）和动态导入（）不再带有预设env

从…起https://babeljs.io/blog/2020/01/11/7.8.0

?? 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）

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

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

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