逻辑零赋值，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文档

在阅读了您的澄清之后，@Ates Goral的回答提供了如何在JavaScript中执行您在C#中执行的相同操作。

@Gumbo的答案提供了检查空值的最佳方法；然而，注意JavaScript中==与==的区别很重要，特别是在检查未定义和/或null时。

这里有一篇关于两个术语的区别的非常好的文章。基本上，请理解如果使用==而不是==，JavaScript将尝试合并正在比较的值，并在合并后返回比较结果。

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

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

可以使用此，

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

使现代化

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"

请注意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标准。您已经可以在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开始，该功能现在也可用。