链接多个值/多个值

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

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

使现代化

JavaScript现在支持空值合并运算符（？？）。当左侧操作数为空或未定义时，它返回右侧操作数，否则返回左侧操作数。

旧答案

使用前请检查兼容性。

与C#空合并运算符（？？）等效的JavaScript使用逻辑OR（||）：

var whatIWant = someString || "Cookies!";

在某些情况下（在下文中进行了澄清），这种行为与C#的行为不匹配，但这是在JavaScript中分配默认值/替代值的通用、简洁的方法。

澄清

无论第一个操作数的类型如何，如果将其转换为布尔值结果为false，则赋值将使用第二个操作数。注意以下所有情况：

alert(Boolean(null)); // false
alert(Boolean(undefined)); // false
alert(Boolean(0)); // false
alert(Boolean("")); // false
alert(Boolean("false")); // true -- gotcha! :)

这意味着：

var whatIWant = null || new ShinyObject(); // is a new shiny object
var whatIWant = undefined || "well defined"; // is "well defined"
var whatIWant = 0 || 42; // is 42
var whatIWant = "" || "a million bucks"; // is "a million bucks"
var whatIWant = "false" || "no way"; // is "false"

逻辑零赋值，2020+解决方案

当前正在向浏览器中添加新的运算符？？=。这将组合空合并运算符？？赋值运算符=。

注意：这在公共浏览器版本中尚不常见。将随可用性更改而更新。

??= 检查变量是否未定义或为空，如果已定义则短路。如果没有，则将右侧值分配给变量。

基本示例

let a          // undefined
let b = null
let c = false

a ??= true  // true
b ??= true  // true
c ??= true  // false

对象/阵列示例

let x = ["foo"]
let y = { foo: "fizz" }

x[0] ??= "bar"  // "foo"
x[1] ??= "bar"  // "bar"

y.foo ??= "buzz"  // "fizz"
y.bar ??= "buzz"  // "buzz"

x  // Array [ "foo", "bar" ]
y  // Object { foo: "fizz", bar: "buzz" }

浏览器支持1月22日-89%

Mozilla文档

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

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

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

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