学习整理使用JavaScript中如何判断变量是否存在的四种常用方法

前言

在 JavaScript 中，我们经常需要判断一个变量是否存在，判断的依据可能是变量是否被声明过，或者变量的值是否为 undefined。本文将介绍几种常用的方法来判断变量的存在性，并给出示例代码和运行结果进行详细解析。

1. 使用 typeof 运算符判断变量类型

typeof 运算符可以用来检测变量的类型，当使用 typeof 运算符对一个未声明的变量进行操作时，将会返回 “undefined”。

console.log(typeof foo); // 输出 "undefined"

在上面的示例中，我们使用 typeof 运算符检测了一个未声明的变量 foo，并输出了它的类型。由于该变量未声明，所以返回结果为 “undefined”。

接下来，我们看看当一个变量被声明但没有赋值时，typeof 运算符的结果会是什么。

var bar;
console.log(typeof bar); // 输出 "undefined"

上述代码中，我们声明了一个变量 bar，但没有为它赋值。此时，typeof 运算符的返回结果同样为 “undefined”。因此，typeof 运算符对于判断变量是否存在是一个常用的方法。

需要注意的是，typeof 运算符对于 boolean、number、string、function、object 和 undefined 这几种数据类型的变量都可以返回相应的类型，但对于 null、array 和 date 等类型的变量，typeof 运算符的返回结果都会是 “object”。

2. 使用全局对象 window 或 global 判断变量是否存在

在浏览器环境中，JavaScript 中的全局对象是 window 对象；在 Node.js 环境中，全局对象是 global 对象。我们可以通过判断全局对象的属性是否存在来判断变量的存在性。

if (window.foo) {
    console.log("变量 foo 存在");
} else {
    console.log("变量 foo 不存在");
}

上述代码中，我们通过判断 window 对象的属性 foo 是否存在来判断变量 foo 是否存在。若 foo 存在，则输出 “变量 foo 存在”；若 foo 不存在，则输出 “变量 foo 不存在”。

if (global.bar) {
    console.log("变量 bar 存在");
} else {
    console.log("变量 bar 不存在");
}

在 Node.js 环境中，同样可以通过判断 global 对象的属性 bar 是否存在来判断变量 bar 是否存在。

3. 使用 in 关键字判断变量是否存在

在 JavaScript 中，使用 in 关键字可以判断一个对象是否拥有某个属性。我们可以利用这个特性，来判断一个变量是否存在。

var obj = {
    foo: "Hello",
    bar: "World"
};

if ("foo" in obj) {
    console.log("变量 foo 存在");
} else {
    console.log("变量 foo 不存在");
}

在上面的示例中，我们定义了一个对象 obj，包含了属性 foo 和 bar。通过使用 in 关键字，我们判断了 obj 对象的属性 foo 是否存在。若存在，则输出 “变量 foo 存在”；若不存在，则输出 “变量 foo 不存在”。

4. 使用 try…catch 块判断变量是否存在

在 JavaScript 中，try…catch 块可以捕获异常。我们可以尝试获取一个变量的值，如果获取失败并抛出了异常，则说明该变量不存在。

try {
    var baz = someVar;
    console.log("变量 baz 存在");
} catch (error) {
    console.log("变量 baz 不存在");
}

在上面的示例中，我们声明了一个变量 baz，并尝试获取一个未声明的变量 someVar 的值。由于 someVar 未声明，获取值时会抛出异常，所以在 catch 块中输出 “变量 baz 不存在”。

使用 try…catch 块判断变量是否存在的方法相对来说比较笨重，因为它涉及了异常的捕获和处理。因此，只有在确实无法使用其他方法判断变量存在性时，才建议使用该方法。

5. 综合示例

下面是一个综合运用上述方法的示例：

var hello;
var world = "World";
var obj = {
    foo: "Hello",
    bar: "World"
};

console.log(typeof hello); // 输出 "undefined"

console.log("hello" in window); // 输出 "false"
console.log("world" in window); // 输出 "true"

console.log("foo" in obj); // 输出 "true"
console.log("baz" in obj); // 输出 "false"

try {
    var foo = someVar;
    console.log("变量 foo 存在");
} catch (error) {
    console.log("变量 foo 不存在");
}

在上述代码中，我们声明了变量 hello 和 world，并定义了一个对象 obj。然后使用不同的方法来判断变量的存在性，并输出相应的结果。

以下是代码运行的结果：

undefined
false
true
true
变量 foo 不存在

由此可见，我们可以通过这些方法来判断变量是否存在，并根据判断结果进行相应的操作。

总结

本文介绍了四种常用的方法来判断 JavaScript 变量的存在性，包括使用 typeof 运算符、全局对象 window 或 global、in 关键字以及 try…catch 块。这些方法在实际开发中都有各自的应用场景，可以根据具体的需求选择适合的方法。

需要注意的是，尽管这些方法可以帮助我们判断变量的存在性，但它们并不能判断变量的值是否为 null 或者空字符串。因此，在使用这些方法进行条件判断时，应该综合考虑变量的类型及其可能的取值范围。