一尘不染

如何在JavaScript中检查“未定义”?

javascript

测试JavaScript中是否未定义变量的最合适方法是什么?我已经看到了几种可能的方法:

if (window.myVariable)

要么

if (typeof(myVariable) != "undefined")

要么

if (myVariable) //This throws an error if undefined. Should this be in Try/Catch?

阅读 412

收藏
2020-04-25

共1个答案

一尘不染

如果您想知道变量是否已声明而无论其值如何,那么使用in运算符是最安全的方法。考虑以下示例:

// global scope
var theFu; // theFu has been declared, but its value is undefined
typeof theFu; // "undefined"

但这在某些情况下可能不是预期的结果,因为已声明但未初始化变量或属性。使用in运算符进行更强大的检查。

"theFu" in window; // true
"theFoo" in window; // false

如果您想知道变量是否尚未声明或具有值undefined,请使用typeof运算符,该运算符可确保返回字符串:

if (typeof myVar !== 'undefined')

直接比较比较undefined麻烦,undefined可能会被覆盖。

window.undefined = "foo";
"foo" == undefined // true

正如@CMS指出的那样,此问题已在ECMAScript第5版中进行了修补,并且undefined不可写。

if (window.myVar) 还将包含这些虚假值,因此它不是很可靠:

false
0
“”
NaN
null
undefined

第三种情况- if (myVariable)在两种情况下也会引发错误。第一种是未定义变量时抛出ReferenceError

// abc was never declared.
if (abc) {
    // ReferenceError: abc is not defined
}

另一种情况是已定义变量,但是具有getter函数,该函数在调用时会引发错误。例如,

// or it's a property that can throw an error
Object.defineProperty(window, "myVariable", { 
    get: function() { throw new Error("W00t?"); }, 
    set: undefined 
});
if (myVariable) {
    // Error: W00t?
}
2020-04-25