检查 var 是否存在

在前端开发过程中，我们经常需要检查 JavaScript 变量是否已经声明并且被分配一个值。如果变量没有被正确声明或者被定义为 undefined ，那么会引起一系列问题，例如代码崩溃、运行错误等等。本文将介绍如何检查变量是否存在，以及如何避免由此产生的错误。

typeof 操作符

我们可以使用 typeof 操作符来检查变量是否已经定义，并测试它的数据类型。如果变量未定义，typeof 返回 "undefined"。下面是一个例子：

if(typeof myVar === 'undefined') {
  console.log('myVar is not defined');
} else {
  console.log('myVar is defined and its type is', typeof myVar);
}

在上面的示例中，我们检查了 myVar 是否已经定义，如果没有定义，则输出 "myVar is not defined"，否则输出 "myVar is defined and its type is ..."，其中 ... 是 myVar 的数据类型。

需要注意的是，如果变量 myVar 已经定义，并且没有被赋值，那么 typeof myVar 返回 "undefined"。因此， typeof 操作符只能用于检查变量是否已经定义，而不能检查变量是否已经赋值。

null 和 undefined

除了使用 typeof 操作符之外，还可以使用 null 和 undefined 来检查变量是否已经定义和被赋值。以下是一些示例：

1. 检查变量是否已经定义

if(myVar !== undefined) {
  console.log('myVar is defined');
} else {
  console.log('myVar is not defined');
}

在上面的示例中，如果 myVar 已经定义，则输出 "myVar is defined"，否则输出 "myVar is not defined"。

1. 检查变量是否已经赋值

if(myVar !== null) {
  console.log('myVar is not null');
} else {
  console.log('myVar is null');
}

在上面的示例中，如果 myVar 已经被赋值，则输出 "myVar is not null"，否则输出 "myVar is null"。

需要注意的是，如果变量已经定义但未被赋值，则 myVar === undefined 和 myVar === null 都返回 false。因此，在检查变量是否已经被赋值时，建议使用更严格的判断方式（例如 myVar !== undefined && myVar !== null）。

总结

在本文中，我们介绍了如何使用 typeof 操作符、null 和 undefined 来检查 JavaScript 变量是否已经定义并且被赋值。这些方法都非常简单有效，可以帮助开发人员避免由于变量未定义或者未被正确赋值而引起的错误。因此，在编写复杂的 JavaScript 应用程序时，务必要注意检查变量是否已经定义并且被赋值！

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/15285