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

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

..可以简化为：

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

我的首选是typeof（elem）！='未定义'&&elem！=无效的

无论您选择什么，请考虑将检查放入这样的函数中

function existy (x) {
    return typeof (x) != 'undefined' && x != null;
}

如果您不知道变量已声明，请继续使用typeof（x）！='未定义'&&x！=无效的

如果您知道变量已声明但可能不存在，可以使用

existy(elem) && doSomething(elem);

您正在检查的变量有时可能是嵌套属性。您可以使用prop | |｛｝来检查问题属性的存在性：

var exists = ((((existy(myObj).prop1||{}).prop2||{}).prop3||{})[1]||{}).prop4;

在每个属性之后，使用（…“| |｛｝”）.nexPro，以便丢失的属性不会引发错误。

或者，您可以使用existy，如existy（o）&&exist（o.p）&&existiny（o.p.q）&&doSomething（o.p.q）

如何检查变量是否存在

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

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

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

你可以试试。。。捕获块如下所示：

var status='变量存在'尝试{我的变量}catch（ReferenceError）{status='变量不存在'}console.log（状态）

缺点是不能将其放在函数中，因为它会引发ReferenceError

函数变量Exists（x）{var状态=真尝试{x（x）}catch（ReferenceError）{状态=假}返回状态}console.log（variableExists（x））

编辑：

如果您在前端Javascript中工作，需要检查变量是否未初始化（var x=undefined将算作未初始化），可以使用：

函数globalVariableExists（变量）{if（window[variable]！=未定义）{返回true}return false}var x=未定义console.log（globalVariableExists（“x”））console.log（globalVariableExists（“y”））变量z=123console.log（globalVariableExists（“z”））

编辑2:

如果需要检查当前作用域中是否存在变量，只需将其与字符串中包含的变量名称一起传递给函数即可：

函数variableExists（变量，thisObj）{if（thisObj[variable]！==未定义）{返回true}return false}类someClass{构造函数（名称）｛这个.x=99这个。y=99这个.z=99这个。v=99console.log（variableExists（name，this））}}新建someClass（'x'）新建someClass（'y'）新建someClass（'z'）新建someClass（'v'）新建someClass（'doesNotExist'）

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

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