我们经常在JavaScript代码中使用以下代码模式
if (typeof(some_variable) != 'undefined' && some_variable != null)
{
// Do something with some_variable
}
是否有一种不那么冗长的检查方法具有相同的效果?
根据一些论坛和文献，简单地说下面应该有同样的效果。
if (some_variable)
{
// Do something with some_variable
}
不幸的是，当some_variable未定义时，Firebug在运行时将这样的语句计算为错误，而第一个语句对它来说很好。这仅仅是Firebug的一种(不必要的)行为，还是这两种方式之间真的有一些区别?
当前回答
首先，你必须清楚你要测试什么。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。
其他回答
与ES5和ES6标准比较undefined或null或0的最佳方法
if ((Boolean(some_variable_1) && Boolean(some_variable_2)) === false) {
// do something
}
这是一个非常罕见的例子，建议使用==而不是===。表达式somevar == null对于undefined和null将返回true，但对于其他所有内容将返回false(如果变量未声明则会出现错误)。
如预期的那样，使用!=将翻转结果。
现代编辑器不会对使用==或!=操作符加null发出警告，因为这几乎总是需要的行为。
最常见的比较:
undeffinedVar == null // true
obj.undefinedProp == null // true
null == null // true
0 == null // false
'0' == null // false
'' == null // false
自己试试吧:
let undefinedVar;
console.table([
{ test : undefinedVar, result: undefinedVar == null },
{ test : {}.undefinedProp, result: {}.undefinedProp == null },
{ test : null, result: null == null },
{ test : false, result: false == null },
{ test : 0, result: 0 == null },
{ test : '', result: '' == null },
{ test : '0', result: '0' == null },
]);
测试空值(if (value == null))或非空值(if (value != null))比测试变量的定义状态更简洁。
此外，测试if(value)(或if(obj.property))以确保变量(或对象属性)存在失败，如果它定义为布尔值为false。买者自负。
如果If语句的目的是在将值赋给变量之前检查null值或未定义值，则可以使用Nullish Coalescing Operator。根据caniuse的数据，大约85%的浏览器应该支持它(截至2021年1月)。该运算符的示例如下所示:
const a = some_variable ?? '';
这将确保如果some_variable为null或未定义，该变量将被分配给空字符串(或任何其他默认值)。
此操作符最适合您的用例，因为它不会为其他类型的假值(如0和”)返回默认值。
这也是一种很好的(但很啰嗦)方法:
if((someObject.someMember ?? null) === null) {
// bladiebla
}
正在发生的事情非常清楚，很难被误解。这是非常重要的!: -)
这个使用??运营商(https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing_operator)。如果someObject的值。somember为空或未定义，则??运算符介入并将值置为空。
TBH，我喜欢这个东西的明确性，但我通常更喜欢someObject。somember == null，它更有可读性，熟练的JS开发人员可能知道这里发生了什么。
