链接多个值/多个值

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

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

是的，它很快就要来了。请参阅此处的提案和此处的实施状态。

它看起来像这样：

x ?? y

实例

const response = {
  settings: {
    nullValue: null,
    height: 400,
    animationDuration: 0,
    headerText: '',
    showSplashScreen: false
  }
};

const undefinedValue = response.settings?.undefinedValue ?? 'some other default'; // result: 'some other default'
const nullValue = response.settings?.nullValue ?? 'some other default'; // result: 'some other default'
const headerText = response.settings?.headerText ?? 'Hello, world!'; // result: ''
const animationDuration = response.settings?.animationDuration ?? 300; // result: 0
const showSplashScreen = response.settings?.showSplashScreen ?? true; // result: false

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

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

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

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

这里有两项：

逻辑或

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

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

空合并运算符

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

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

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

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

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