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

我想要类似的东西：一个检查变量是否有有用值的函数，其中0是有用的，但空字符串、数组和对象不是（对于我的应用程序）。基于各种答案和评论，我提出了下面定义和测试的isSet（）函数；对于测试值的前一半返回true，对于第二部分返回false，这正是我想要和需要的：

let fn = [1234, "1234", 0, "0", [1,2], {name: "number"}, "", [], {}, null, NaN, undefined]

console.log(fn)
const isSet = (val) => {
    switch (typeof val) {
        case 'number': return !isNaN(val); break; // as long as it is a number other than NaN....
        case 'string': return val.length > 0; break;
        case 'undefined': return false; break;
        case 'object':
            if (val === null) return false;
            else return Object.keys(val).length > 0;
            break;
    }
}

for (index in fn) {
    const item = fn[index];
    console.log(`ind: ${index}; ${typeof item}; ${isSet(item)}`)
}

结果（在节点v16.16.0下）：

[
  1234,
  '1234',
  0,
  '0',
  [ 1, 2 ],
  { name: 'number' },
  '',
  [],
  {},
  null,
  NaN,
  undefined
]
ind: 0; number; true
ind: 1; string; true
ind: 2; number; true
ind: 3; string; true
ind: 4; object; true
ind: 5; object; true
ind: 6; string; false
ind: 7; object; false
ind: 8; object; false
ind: 9; object; false
ind: 10; number; false
ind: 11; undefined; false

您也可以使用！！在变量之前检查它是否已定义。例如。

let dog = "woof";
let chineseCat; // Undefined.
console.log("1.");
console.log(!!dog && !!chineseCat ? "Both are defined" : "Both are NOT defined");

chineseCat= "mao"; // dog and chineseCat are now defined.
console.log("2.");
console.log(!!dog && !!chineseCat ? "Both are defined" : "Both are NOT defined");

输出：

1.
Both are NOT defined
2. 
Both are defined

我根据对象使用两种不同的方式。

if( !variable ){
  // variable is either
  // 1. '';
  // 2. 0;
  // 3. undefined;
  // 4. null;
  // 5. false;
}

有时我不想将空字符串求值为false，所以我使用这种情况

function invalid( item ){
  return (item === undefined || item === null);
}

if( invalid( variable )){
  // only here if null or undefined;
}

如果你需要相反的东西，那么首先！变量变为！！变量，并且在无效函数中==变为！=函数名变为notInvalid。

这些答案（除了Fred Gandt解决方案）要么不正确，要么不完整。

假设我需要我的variableName；携带一个未定义的值，因此它是以var variableName等方式声明的；这意味着它已经初始化；-如何检查是否已申报？

或者更好——我如何立即检查“Book1.chapter22.paragraph37”是否存在一次调用，但不会引起引用错误？

我们通过使用最强大的JasvaScript运算符in运算符来实现

"[variable||property]" in [context||root] 
>> true||false

如何检查变量是否存在

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

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是一个未定义的值。