如果JavaScript中未定义变量，最合适的测试方法是什么？
我见过几种可能的方法：
if (window.myVariable)
Or
if (typeof(myVariable) != "undefined")
Or
if (myVariable) // This throws an error if undefined. Should this be in Try/Catch?
当前回答
我个人使用
myVar === undefined
警告：请注意==用于==，并且myVar先前已声明（未定义）。
我不喜欢myVar==“undefined”的类型。我认为这是长篇大论，没有必要。（我可以用更少的代码完成同样的任务。）
现在有些人读到这篇文章时，会痛苦万分，尖叫道：“等等！WAAITT！！！undefined可以被重新定义！”
凉的我知道这一点。同样，Javascript中的大多数变量都可以重新定义。你应该永远不要使用任何可以重新定义的内置标识符吗？
如果你遵循这条规则，对你有好处：你不是伪君子。
问题是，为了在JS中做大量的实际工作，开发人员需要依赖于可重新定义的标识符。我没有听到有人告诉我我不应该使用setTimeout，因为有人可以
window.setTimeout = function () {
alert("Got you now!");
};
总之，不使用原始==undefined的“它可以被重新定义”参数是假的。
（如果您仍然害怕未定义被重新定义，为什么要盲目地将未经测试的库代码集成到代码库中？或者更简单：一个linting工具。）
此外，与typeof方法一样，该技术可以“检测”未声明的变量：
if (window.someVar === undefined) {
doSomething();
}
但这两种技术在抽象方面都存在漏洞。我劝你不要用这个甚至
if (typeof myVar !== "undefined") {
doSomething();
}
考虑：
var iAmUndefined;
要获取该变量是否已声明，可能需要使用in运算符。（在许多情况下，您可以简单地读取代码O_O）。
if ("myVar" in window) {
doSomething();
}
但是等等！还有更多！如果一些原型连锁魔法正在发生…？现在，即使是高级操作员也不够。（好吧，我已经完成了这一部分的工作，只是说99%的时间里，==未定义（和***咳嗽***类型）工作正常。如果你真的关心，你可以单独阅读这个主题。）
其他回答
说明各种答案结果的一些场景：http://jsfiddle.net/drzaus/UVjM4/
（请注意，在测试中使用var会在作用域包装器中产生差异）
参考代码：
(function(undefined) {
var definedButNotInitialized;
definedAndInitialized = 3;
someObject = {
firstProp: "1"
, secondProp: false
// , undefinedProp not defined
}
// var notDefined;
var tests = [
'definedButNotInitialized in window',
'definedAndInitialized in window',
'someObject.firstProp in window',
'someObject.secondProp in window',
'someObject.undefinedProp in window',
'notDefined in window',
'"definedButNotInitialized" in window',
'"definedAndInitialized" in window',
'"someObject.firstProp" in window',
'"someObject.secondProp" in window',
'"someObject.undefinedProp" in window',
'"notDefined" in window',
'typeof definedButNotInitialized == "undefined"',
'typeof definedButNotInitialized === typeof undefined',
'definedButNotInitialized === undefined',
'! definedButNotInitialized',
'!! definedButNotInitialized',
'typeof definedAndInitialized == "undefined"',
'typeof definedAndInitialized === typeof undefined',
'definedAndInitialized === undefined',
'! definedAndInitialized',
'!! definedAndInitialized',
'typeof someObject.firstProp == "undefined"',
'typeof someObject.firstProp === typeof undefined',
'someObject.firstProp === undefined',
'! someObject.firstProp',
'!! someObject.firstProp',
'typeof someObject.secondProp == "undefined"',
'typeof someObject.secondProp === typeof undefined',
'someObject.secondProp === undefined',
'! someObject.secondProp',
'!! someObject.secondProp',
'typeof someObject.undefinedProp == "undefined"',
'typeof someObject.undefinedProp === typeof undefined',
'someObject.undefinedProp === undefined',
'! someObject.undefinedProp',
'!! someObject.undefinedProp',
'typeof notDefined == "undefined"',
'typeof notDefined === typeof undefined',
'notDefined === undefined',
'! notDefined',
'!! notDefined'
];
var output = document.getElementById('results');
var result = '';
for(var t in tests) {
if( !tests.hasOwnProperty(t) ) continue; // bleh
try {
result = eval(tests[t]);
} catch(ex) {
result = 'Exception--' + ex;
}
console.log(tests[t], result);
output.innerHTML += "\n" + tests[t] + ": " + result;
}
})();
结果：
definedButNotInitialized in window: true
definedAndInitialized in window: false
someObject.firstProp in window: false
someObject.secondProp in window: false
someObject.undefinedProp in window: true
notDefined in window: Exception--ReferenceError: notDefined is not defined
"definedButNotInitialized" in window: false
"definedAndInitialized" in window: true
"someObject.firstProp" in window: false
"someObject.secondProp" in window: false
"someObject.undefinedProp" in window: false
"notDefined" in window: false
typeof definedButNotInitialized == "undefined": true
typeof definedButNotInitialized === typeof undefined: true
definedButNotInitialized === undefined: true
! definedButNotInitialized: true
!! definedButNotInitialized: false
typeof definedAndInitialized == "undefined": false
typeof definedAndInitialized === typeof undefined: false
definedAndInitialized === undefined: false
! definedAndInitialized: false
!! definedAndInitialized: true
typeof someObject.firstProp == "undefined": false
typeof someObject.firstProp === typeof undefined: false
someObject.firstProp === undefined: false
! someObject.firstProp: false
!! someObject.firstProp: true
typeof someObject.secondProp == "undefined": false
typeof someObject.secondProp === typeof undefined: false
someObject.secondProp === undefined: false
! someObject.secondProp: true
!! someObject.secondProp: false
typeof someObject.undefinedProp == "undefined": true
typeof someObject.undefinedProp === typeof undefined: true
someObject.undefinedProp === undefined: true
! someObject.undefinedProp: true
!! someObject.undefinedProp: false
typeof notDefined == "undefined": true
typeof notDefined === typeof undefined: true
notDefined === undefined: Exception--ReferenceError: notDefined is not defined
! notDefined: Exception--ReferenceError: notDefined is not defined
!! notDefined: Exception--ReferenceError: notDefined is not defined
与@Thomas Eding的回答相反：
如果我忘记在代码中声明myVar，那么我将得到myVar未定义。
让我们举一个真实的例子：
我有一个变量名，但我不确定它是否在某处声明。
那么@Anurak的回答会有所帮助：
var myVariableToCheck = 'myVar';
if (window[myVariableToCheck] === undefined)
console.log("Not declared or declared, but undefined.");
// Or you can check it directly
if (window['myVar'] === undefined)
console.log("Not declared or declared, but undefined.");
2020年更新
我倾向于检查类型（即，可以重新定义未定义的）的原因之一与ECMAScript 5的大量采用无关。另一个，你可以使用typeof来检查未声明变量的类型，总是小众的。因此，我现在建议在大多数情况下使用直接比较：
myVariable === undefined
2010年的原始答案
我喜欢使用typeof。当变量从未声明时，它将起作用，这与使用if.与==或==运算符或类型强制进行的任何比较不同（undefined，与null不同，也可能在ECMAScript 3环境中重新定义，这使得它不可靠，尽管现在几乎所有常见环境都符合ECMAScript5或更高版本）。
if (typeof someUndeclaredVariable == "undefined") {
// Works
}
if (someUndeclaredVariable === undefined) {
// Throws an error
}
您可以使用typeof，如下所示：
if (typeof something != "undefined") {
// ...
}
更新2018-07-25
自从这篇文章发表以来，已经将近五年了，JavaScript已经取得了长足的进步。在重复原始帖子中的测试时，我发现以下测试方法之间没有一致的差异：
abc==未定义abc==无效0typeof abc==“未定义”abc类型==“未定义”
即使当我修改测试以防止Chrome优化它们时，差异也微不足道。因此，为了清楚起见，我现在建议abc===undefined。
相关内容来自chrome://version:
谷歌Chrome：67.0.3396.99（官方版本）（64位）（队列：稳定）修订：a337fbf3c2ab8ebc6b64b0bfdce73a20e2e2252b参考/分支头/3396@{#790}操作系统：WindowsJavaScript：V8 6.7.288.46用户代理：Mozilla/5.0（Windows NT 10.0；Win64；x64）AppleWebKit/537.36（KHTML，类似Gecko）Chrome/67.03396.99 Safari/537.36
原帖子2013-11-01
在Google Chrome中，以下测试比一种测试速度稍快：
if (abc === void 0) {
// Undefined
}
差异可以忽略不计。然而，这段代码更加简洁，对于了解void 0含义的人来说一目了然。然而，请注意，abc仍然必须声明。
typeof和void都明显快于直接与undefined进行比较。我在Chrome开发者控制台中使用了以下测试格式：
var abc;
start = +new Date();
for (var i = 0; i < 10000000; i++) {
if (TEST) {
void 1;
}
}
end = +new Date();
end - start;
结果如下：
Test: | abc === undefined abc === void 0 typeof abc == 'undefined'
------+---------------------------------------------------------------------
x10M | 13678 ms 9854 ms 9888 ms
x1 | 1367.8 ns 985.4 ns 988.8 ns
请注意，第一行以毫秒为单位，而第二行以纳秒为单位。3.4纳秒的差异并不重要。在随后的测试中，时间相当一致。
推荐文章
- 一元加/数字(x)和parseFloat(x)之间的区别是什么?
- angularjs中的compile函数和link函数有什么区别
- 删除绑定中添加的事件监听器
- 很好的初学者教程socket.io?
- HtmlSpecialChars在JavaScript中等价于什么?
- React: 'Redirect'没有从' React -router-dom'中导出
- 如何在React中使用钩子强制组件重新渲染?
- 我如何使用Jest模拟JavaScript的“窗口”对象?
- 我如何等待一个承诺完成之前返回一个函数的变量?
- 在JavaScript中根据键值查找和删除数组中的对象
- 使嵌套JavaScript对象平放/不平放的最快方法
- 如何以及为什么'a'['toUpperCase']()在JavaScript工作?
- 有Grunt生成index.html不同的设置
- 文档之间的区别。addEventListener和window。addEventListener?
- 如何检查动态附加的事件监听器是否存在?
