在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（）存在安全问题。

Null是JavaScript中的值，typeof Null返回“object”

因此，如果您传递空值，则接受的答案将不起作用。如果传递空值，则需要为空值添加额外的检查：

if ((typeof variable !== "undefined") && (variable !== null))  
{
   // the variable is defined and not null
}

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

var _undefined;
var _null = null;

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

在许多情况下，使用：

if (elem) { // or !elem

会为你做这件事的！。。。这将检查以下情况：

undefined：如果值未定义且未定义null：如果它为null，例如，如果DOM元素不存在。。。空字符串：“”0：数字零NaN：不是数字假的

所以它将涵盖所有的情况，但我们也希望涵盖一些奇怪的情况，例如，一个带空格的字符串，比如这个“”，这将在javascript中定义，因为它在字符串中有空格。。。例如，在本例中，您使用trim（）再添加一个检查，例如：

if(elem) {

if(typeof elem === 'string' && elem.trim()) {
///

此外，这些检查仅针对值，因为对象和数组在Javascript中的工作方式不同，所以空数组[]和空对象{}始终为true。

我创建了下面的图像，以显示答案的简要说明：

测试未声明（未定义）变量的捷径是

if (typeof variable === "undefined") {
  ...
}

我发现它对于检测在浏览器外部运行的脚本（没有声明窗口变量）非常有用。

为了有助于辩论，如果我知道变量应该是字符串或对象，我总是喜欢if（！variable），所以检查它是否是假的。这可以带来更干净的代码，例如：

if（数据类型！==“undefined”&&数据类型。url===“未定义”）{var message='接收响应时出错'；if（typeof data.error！==“undefined”）{message=数据错误；}否则如果（数据类型.消息！==“未定义”）{message=数据消息；}警报（消息）；}

..可以简化为：

if（data&&！data.url）{var message=data.error | | data.message | |'接收响应时出错'；警报（消息）}