我们经常在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的一种(不必要的)行为,还是这两种方式之间真的有一些区别?


当前回答

测试空值(if (value == null))或非空值(if (value != null))比测试变量的定义状态更简洁。

此外,测试if(value)(或if(obj.property))以确保变量(或对象属性)存在失败,如果它定义为布尔值为false。买者自负。

其他回答

测试空值(if (value == null))或非空值(if (value != null))比测试变量的定义状态更简洁。

此外,测试if(value)(或if(obj.property))以确保变量(或对象属性)存在失败,如果它定义为布尔值为false。买者自负。

由于没有一个完整而正确的答案,我将尝试总结:

一般来说,表达式为:

if (typeof(variable) != "undefined" && variable != null)

不能简化,因为变量可能没有声明,因此省略typeof(variable) != "undefined"将导致ReferenceError。但是,你可以根据上下文来简化表达式:

如果变量是全局的,你可以简化为:

if (window.variable != null)

如果它是局部的,你可以避免这个变量未声明的情况,也可以简化为:

if (variable != null)

如果它是object属性,你不必担心ReferenceError:

if (obj.property != null)

在浏览器中打开开发人员工具,并尝试如下图所示的代码。

使用严格比较运算符可以很容易地区分这两个值。

示例代码:

function compare(){
    var a = null; //variable assigned null value
    var b;  // undefined
    if (a === b){
        document.write("a and b have same datatype.");
    }
    else{
        document.write("a and b have different datatype.");
    }   
}

在ES5或ES6中,如果你需要多次检查,你可以这样做:

Const excluded = [null, undefined, "]; if (! exclude .includes(varToCheck) { //它将不是null,不是undefined,不是void字符串 }