JavaScript | 检查变量是否存在

在编写 JavaScript 代码时，有时候需要检查一个变量是否存在或是否为 undefined。这可以帮助我们避免在使用该变量之前出现错误，增强代码的健壮性。

typeof 操作符

可以使用 typeof 操作符来检查一个变量是否存在，并且获取变量的类型。

if (typeof myVariable !== 'undefined') {
  // myVariable 存在，可以安全地使用它
}

上面的代码使用 typeof 操作符来检查 myVariable 是否存在。如果这个变量已经定义，那么它的值是一个字符串，表示该变量的数据类型。如果该变量未定义，则该代码将安全地跳过。

in 操作符

另一种方法是使用 in 操作符来检查一个对象上是否存在某个属性。这也适用于全局对象。

if ('myVariable' in window) {
  // myVariable 存在，可以安全地使用它
}

上面的代码使用 in 操作符来检查 window 对象中是否存在一个名为 myVariable 的属性。如果存在，则该代码将认为 myVariable 已定义，并且可以安全地使用它。

可选链操作符

如果你的代码需要在当前变量未定义的情况下进行链式操作，可以使用可选链操作符（?.）来简化代码。

const result = myVariable?.property?.method();

上面的代码会检查 myVariable 和 property 属性是否都已经定义，然后才会调用 method 方法。如果其中任意一个属性未定义，那么代码都不会报错并且可以安全地跳过。

总结

以上就是一些检查 JavaScript 变量是否存在的方法。使用这些方法，可以让我们更加安全地使用 JavaScript 变量，并且提高代码的健壮性和可维护性。