我们经常在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的一种(不必要的)行为,还是这两种方式之间真的有一些区别?
这是一个非常罕见的例子,建议使用==而不是===。表达式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 },
]);
为了理解,让我们分析一下Javascript引擎在转换undefined、null和”(也是一个空字符串)时返回的值是什么。您可以直接在开发人员控制台检查相同的内容。
你可以看到所有都被转换为false,这意味着所有这三个都是通过javascript假设“缺乏存在”。因此,您不需要像下面这样显式地检查代码中的所有三个。
if (a === undefined || a === null || a==='') {
console.log("Nothing");
} else {
console.log("Something");
}
我还想指出一件事。
布尔(0)的结果是什么?
当然是假的。当0是预期结果中的有效值时,这将在代码中创建一个错误。所以在写代码的时候一定要检查这个。
由于没有一个完整而正确的答案,我将尝试总结:
一般来说,表达式为:
if (typeof(variable) != "undefined" && variable != null)
不能简化,因为变量可能没有声明,因此省略typeof(variable) != "undefined"将导致ReferenceError。但是,你可以根据上下文来简化表达式:
如果变量是全局的,你可以简化为:
if (window.variable != null)
如果它是局部的,你可以避免这个变量未声明的情况,也可以简化为:
if (variable != null)
如果它是object属性,你不必担心ReferenceError:
if (obj.property != null)
在ES5和ES6等较新的JavaScript标准中,你只需说
> Boolean(0) //false
> Boolean(null) //false
> Boolean(undefined) //false
所有返回false,这类似于Python检查空变量。
所以如果你想写一个变量的条件逻辑,就说
if (Boolean(myvar)){
// Do something
}
这里“null”或“空字符串”或“undefined”将被有效地处理。