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

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

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

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

这里有两项：

逻辑或

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

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

空合并运算符

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

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

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

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

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

它看起来像这样：

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

请注意null的JavaScript特定定义。javascript中“无值”有两个定义。1.空：当变量为空时，表示该变量中不包含数据，但该变量已在代码中定义。这样地：

var myEmptyValue = 1;
myEmptyValue = null;
if ( myEmptyValue === null ) { window.alert('it is null'); }
// alerts

在这种情况下，变量的类型实际上是Object。测试它。

window.alert(typeof myEmptyValue); // prints Object

未定义：当一个变量之前没有在代码中定义，并且正如预期的那样，它不包含任何值。这样地：如果（myUndefinedValue==undefined）｛window.alert（'it is undefined'）；｝//警报

如果是这种情况，则变量的类型为“undefined”。

注意，如果您使用类型转换比较运算符（==），JavaScript将对这两个空值起同等作用。要区分它们，请始终使用类型严格比较运算符（==）。

ECMAScript 2021启用了两个新功能：

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

设b=未定义？？5.console.log（b）；//5.

逻辑零赋值（x？？=y）运算符，仅在x具有零值（空或未定义）时赋值。

常量车＝｛速度：20｝；车速？？=5.控制台日志（轿厢速度）；汽车名称？？=“雷诺”；console.log（car.name）；

有关逻辑零赋值的更多信息，请参阅此处https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Logical_nullish_assignment

有关空合并运算符的更多信息，请参阅此处https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing_operator