JavaScript 检查未定义

在 JavaScript 中，经常需要检查一个变量是否已定义。如果变量未定义，尝试访问它的属性或调用它的方法将导致错误。

幸运的是，JavaScript 提供了检查变量是否已定义的方法。

使用 typeof 操作符

typeof 操作符返回变量的数据类型，如果变量未定义，则返回 "undefined"。

let x;
if (typeof x === "undefined") {
  console.log("x is undefined.");
}

以上代码将输出 "x is undefined."。

使用 === 操作符

另一种检查变量是否已定义的方法是使用 === 操作符。

let y;
if (y === undefined) {
  console.log("y is undefined.");
}

以上代码将输出 "y is undefined."。

检查对象属性

在访问对象的属性之前，需要确保对象本身已定义。

let myObj = {};
if (typeof myObj.prop === "undefined") {
  console.log("myObj.prop is undefined.");
}

以上代码将输出 "myObj.prop is undefined."。

避免 ReferenceError

在 JavaScript 中，如果尝试访问未定义的变量或对象，将抛出 ReferenceError 错误。为了避免这种情况，可以使用逻辑 && 运算符。

let z;
if (z && z.prop) {
  console.log("z.prop is defined.");
} else {
  console.log("z or z.prop is undefined.");
}

以上代码将输出 "z or z.prop is undefined."，而不会抛出 ReferenceError 错误。

总结

在 JavaScript 中，检查变量是否已定义是一项常见任务。可以使用 typeof 操作符和 === 操作符来执行此操作，还可以使用逻辑 && 运算符来避免引用错误。请记住，在尝试访问对象属性之前，必须确保对象本身已定义。