如何检查JavaScript中未定义或空变量?

我们经常在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引擎在转换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)

你可以检查变量是否有值。的含义,

if( myVariable ) {
//mayVariable is not :
//null
//undefined
//NaN
//empty string ("")
//0
//false

}

如果您不知道一个变量是否存在(也就是说，它是否声明过)，您应该使用typeof操作符进行检查。如。

if( typeof myVariable !== 'undefined' ) {
    // myVariable will get resolved and it is defined
}

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

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

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

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

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

如果您试图引用一个未声明的变量，那么在所有JavaScript实现中都会抛出一个错误。

对象的属性不受相同条件的约束。如果未定义对象属性，则在尝试访问它时不会抛出错误。在这种情况下，你可以缩短:

 if (typeof(myObj.some_property) != "undefined" && myObj.some_property != null)

if (myObj.some_property != null)

考虑到这一点，以及全局变量可以作为全局对象(浏览器中的窗口)的属性访问的事实，你可以对全局变量使用以下方法:

if (window.some_variable != null) {
    // Do something with some_variable
}

在局部作用域中，确保变量在代码块的顶部声明总是有用的，这将节省重复使用typeof。

这是唯一需要使用==和!=的情况:

if (val == null) console.log('val is null or undefined')

if (val != null) console.log('val is neither null nor undefined')

对于任何其他比较，应该使用严格比较符(===和!==)。

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Equality_comparisons_and_sameness https://2ality.com/2011/12/strict-equality-exemptions.html

推荐文章