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

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

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

现在，它在Chrome、Edge、Firefox、Safari等主流浏览器的最新版本中得到了完全支持。下面是空运算符和空合并运算符的比较

const response = {
        settings: {
            nullValue: null,
            height: 400,
            animationDuration: 0,
            headerText: '',
            showSplashScreen: false
        }
    };
    /* OR Operator */
    const undefinedValue = response.settings.undefinedValue || 'Default Value'; // 'Default Value'
    const nullValue = response.settings.nullValue || 'Default Value'; // 'Default Value'
    const headerText = response.settings.headerText || 'Hello, world!'; //  'Hello, world!'
    const animationDuration = response.settings.animationDuration || 300; //  300
    const showSplashScreen = response.settings.showSplashScreen || true; //  true
    /* Nullish Coalescing Operator */
    const undefinedValue = response.settings.undefinedValue ?? 'Default Value'; // 'Default Value'
    const nullValue = response.settings.nullValue ?? ''Default Value'; // 'Default Value'
    const headerText = response.settings.headerText ?? 'Hello, world!'; // ''
    const animationDuration = response.settings.animationDuration ?? 300; // 0
    const showSplashScreen = response.settings.showSplashScreen ?? true; //  false

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

它有望很快在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（）。

需要支持旧浏览器并具有对象层次结构

body.head.eyes[0]  //body, head, eyes  may be null 

可以使用此，

(((body||{}) .head||{}) .eyes||[])[0] ||'left eye'

链接多个值/多个值

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

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