首先，你必须清楚你要测试什么。JavaScript有各种各样的隐式转换会让您出错，还有两种不同类型的相等比较器:==和===。

测试null或未定义的函数test(val)应具有以下特征:

 test(null)         => true
 test(undefined)    => true
 test(0)            => false
 test(1)            => false
 test(true)         => false
 test(false)        => false
 test('s')          => false
 test([])           => false

让我们来看看哪些想法实际上通过了我们的测试。

这些工作:

val == null
val === null || val === undefined
typeof(val) == 'undefined' || val == null
typeof(val) === 'undefined' || val === null

这些都不起作用:

typeof(val) === 'undefined'
!!val

我创建了一个jsperf条目来比较这些方法的正确性和性能。目前的结果还不确定，因为在不同的浏览器/平台上还没有足够的运行。请花一分钟在你的电脑上运行测试!

目前，简单的val == null测试似乎提供了最好的性能。它也是最短的。如果您想要补码，测试可以被反求为val != null。

我认为最有效的测试“值为空或未定义”的方法是

if ( some_variable == null ){
  // some_variable is either null or undefined
}

所以这两条线是等价的

if ( typeof(some_variable) !== "undefined" && some_variable !== null ) {}
if ( some_variable != null ) {}

注1

正如问题中提到的，短变体要求some_variable已声明，否则将抛出ReferenceError。然而，在许多用例中，你可以假设这是安全的:

检查可选参数:

function(foo){
    if( foo == null ) {...}

检查现有对象上的属性

if(my_obj.foo == null) {...}

另一方面，typeof可以处理未声明的全局变量(只是返回未定义)。然而，正如Alsciende解释的那样，出于充分的理由，这些病例应该减少到最低限度。

注2

这个更短的变体是不等价的:

if ( !some_variable ) {
  // some_variable is either null, undefined, 0, NaN, false, or an empty string
}

so

if ( some_variable ) {
  // we don't get here if some_variable is null, undefined, 0, NaN, false, or ""
}

注3

一般情况下，建议使用===代替==。 建议的解决方案是这条规则的一个例外。为此，JSHint语法检查器甚至提供了eqnull选项。

jQuery风格指南:

严格的相等性检查(===)应该用于==。唯一的 异常是在检查undefined和null时通过null的方式。

// Check for both undefined and null values, for some important reason. 
undefOrNull == null;

2021 - 03年编辑:

现在大多数浏览器 支持null合并运算符(??) 和逻辑空赋值(??=)，这允许更简洁的方式 如果变量为空或未定义，则指定一个默认值，例如:

if (a.speed == null) {
  // Set default if null or undefined
  a.speed = 42;
}

可以写成这些形式中的任何一种

a.speed ??= 42;
a.speed ?? a.speed = 42;
a.speed = a.speed ?? 42;

如果If语句的目的是在将值赋给变量之前检查null值或未定义值，则可以使用Nullish Coalescing Operator。根据caniuse的数据，大约85%的浏览器应该支持它(截至2021年1月)。该运算符的示例如下所示:

const a = some_variable ?? '';

这将确保如果some_variable为null或未定义，该变量将被分配给空字符串(或任何其他默认值)。

此操作符最适合您的用例，因为它不会为其他类型的假值(如0和”)返回默认值。

与ES5和ES6标准比较undefined或null或0的最佳方法

 if ((Boolean(some_variable_1) && Boolean(some_variable_2)) === false) {
    // do something
    }

在ES5和ES6等较新的JavaScript标准中，你只需说

> Boolean(0) //false
> Boolean(null)  //false
> Boolean(undefined) //false

所有返回false，这类似于Python检查空变量。 所以如果你想写一个变量的条件逻辑，就说

if (Boolean(myvar)){
   // Do something
}

这里“null”或“空字符串”或“undefined”将被有效地处理。

下面是另一种使用Array includes()方法的方法:

[undefined, null].includes(value)