使现代化

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"

我试图检查输入是否为空，然后相应地使用该值。这是我的密码。

let valueToBeConsidered = !inputValue ? "trueCondition" : "falseCondition",

因此，如果inputValue为空，则valueToBeConsidered=false条件；如果inputValue具有值，则valuetoBeConsided=true条件

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

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

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

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

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

它看起来像这样：

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

现在，它在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