很难区分undefined和null。Null是一个值，当您想要指示变量没有特定值时，可以将其赋值给该变量。未定义是一个特殊值，它将是未分配变量的默认值。

var _undefined;
var _null = null;

alert(_undefined); 
alert(_null); 
alert(_undefined == _null);
alert(_undefined === _null);

当您执行简单的作业和相关检查时，还有另一种简便的方法来检查这一点。只需使用条件（三元）运算符。

var values = typeof variable !== 'undefined' ? variable : '';

当您尝试使用引用变量的实例赋值来声明全局变量时，这也会很有用。

若你们想检查变量不应该是未定义的或空的。然后执行以下检查。

当声明变量时，如果您想检查值，这甚至很简单：它将同时执行未定义和空检查。

var values = variable ? variable : '';

在ReactJS中，事情有点复杂！这是因为它是一个编译环境，遵循ESLint的无undef规则，因为react-scripts@2.0.3（2018年10月1日发布）。这里的文档对任何对此问题感兴趣的人都有帮助。。。

在JavaScript中，在ES6之前，变量和函数声明被提升到作用域的顶部，因此可以在代码中的正式声明之前使用标识符。。。。当ES6的[新]规则遇到对尚未声明的标识符的引用时，将发出警告。

因此，虽然有可能有一个未定义（或“未初始化”）的变量，但在ReactJS中有一个没有关闭esint规则的未声明变量是不可能的。

这可能非常令人沮丧——GitHub上有太多的项目只是利用了ES6之前的标准；并且在没有任何调整的情况下直接编译这些基本上是不可能的。

但是，对于ReactJS，可以使用eval（）。如果你有一个未声明的变量，比如。。。

if(undeclaredvar) {...}

您可以简单地将此部分重写为。。。

if(eval('typeof undeclaredvar !== "undefined"')) {...}

例如。。。

if（eval（“false”））{console.log（“否！”）；}if（eval（“true”））{console.log（“是！”）；}

对于那些将GitHub存储库导入ReactJS项目的人来说，这只是检查是否声明了变量的唯一方法。在结束之前，我想提醒您，如果使用错误，eval（）存在安全问题。

if (typeof console != "undefined") {    
   ...
}

或者更好

if ((typeof console == "object") && (typeof console.profile == "function")) {    
   console.profile(f.constructor);    
}

适用于所有浏览器

很难区分undefined和null。Null是一个值，当您想要指示变量没有特定值时，可以将其赋值给该变量。未定义是一个特殊值，它将是未分配变量的默认值。

var _undefined;
var _null = null;

alert(_undefined); 
alert(_null); 
alert(_undefined == _null);
alert(_undefined === _null);

如何检查变量是否存在

这是一个非常可靠的解决方案，用于测试变量是否存在并已初始化：

var setOrNot = typeof variable !== typeof undefined;

它最常用于与三元运算符结合使用，以在某个变量尚未初始化的情况下设置默认值：

var dark = typeof darkColor !== typeof undefined ? darkColor : "black";

封装问题

不幸的是，您不能简单地将检查封装在函数中。

你可能会想到这样做：

function isset(variable) {
    return typeof variable !== typeof undefined;
}

然而，如果您正在调用例如isset（foo），并且尚未定义变量foo，这将产生引用错误，因为您无法将不存在的变量传递给函数：

未捕获引用错误：未定义foo

测试函数参数是否未定义

虽然我们的isset函数不能用于测试变量是否存在（原因如上所述），但它确实允许我们测试函数的参数是否未定义：

var a = '5';

var test = function(x, y) {
    console.log(isset(x));
    console.log(isset(y));
};

test(a);

// OUTPUT :
// ------------
// TRUE
// FALSE

即使没有将y的值传递给函数测试，我们的isset函数在这种情况下也能很好地工作，因为在函数测试中y是一个未定义的值。