极客笔记JavaScript 如何检查变量是否不为NULL
JavaScript 是一种在Web开发中广泛使用的流行编程语言。其中一个最常见的任务是检查变量是否具有值或者是否为null。变量可以具有值或者为null，null表示变量根本没有值。如果您尝试对一个null变量执行操作，可能会导致代码错误。因此，在使用变量之前检查变量是否不为null非常重要。
在本文中，我们将探讨在JavaScript中检查变量是否不为null的不同方法。
1. 使用”!== null“运算符
在JavaScript中检查变量是否不为null的最简单方法是使用!== null运算符。这个运算符检查变量的值是否不为null。以下是一个示例：
let myVar = null;
if (myVar !== null) {
console.log("Variable is not null");
} else {
console.log("Variable is null");
}
变量 myVar 在这段代码中被赋予了值 null 。条件语句 if clause 确定了是否 myVar 不等于null。如果条件为真（即 myVar 不为null），则控制台将显示 “Variable is not null” 。否则，如果条件为假（即myVar为null），它将打印 “Variable is null” 到控制台。
输出将为：
Variable is null
MyVar 被赋予了值 null ，因此条件 myVar!== null 为false，所以执行了else区块的代码，并将”Variable is null”记录到控制台。
2. 使用 “typeof” 操作符：
另一种检查变量是否为null的方式是使用 “typeof”操作符 。 “typeof”操作符 返回变量的类型。如果一个变量是 null ，那么 “typeof” 操作符将返回 “object” 。以下是一个示例：
let myVar = null;
if (typeofmyVar === 'object' &&myVar !== null) {
console.log("Variable is not null");
} else {
console.log("Variable is null");
}
在这段代码中，变量 myVar 被赋值为 null 。然后，使用 typeof 运算符验证变量 myVar 的类型，对于null来说，它将返回’object’。
if语句检查了两个条件：
typeof myVar === 'object' ：这个测试确定 myVar 的类型是否为’object’。由于null的typeof返回’object’，这种检查是必需的。这个要求确保了myVar是一个对象而不是其他类型。
myVar !== null ：这个测试确定 myVar 是否等于null。单独使用 typeof 运算符无法区分null和其他对象，因此需要进一步检查。
如果这两个条件都为true，myVar将在控制台上输出”Variable is not null”。否则，如果条件中的任意一个为false，将在控制台上输出”Variable is null”。
输出将是：
Variable is null
解释：
第一个条件 typeof myVar === 'object' 的计算结果为 true ，因为 myVar 的值是 null ，但是第二个条件 myVar!== null 的计算结果为 false ，因为 myVar 的值是 null 。因此，else块中的代码会被执行，并且在控制台打印出 “变量为null” 。
3. 使用”null”关键字：
你也可以使用 “null” 关键字来检查变量是否为null。关键字 “null” 代表任何对象值的缺失。以下是一个示例：
let myVar = null;
if (myVar !== null) {
console.log("Variable is not null");
} else {
console.log("Variable is null");
}
在这段代码中，变量 myVar 被赋予了null的值。if条件语句确定了 myVar 是否不等于null。
myVar 只有在条件 myVar!== null 为true时才不为null。如果是这种情况，if块的代码将会被执行。示例代码中的注释 // do something 表示在 if块 中你可以包含的代码来执行当变量不为null时的所需操作。
另一方面，如果测试 myVar!== null 返回false，那么 myVar 实际上是null。在这种情况下，else块的代码将被执行。在提供的代码中，变量被声明为null，并且将 “Variable is null” 记录在控制台中。
输出将会是：
Variable is null
解释：
条件 myVar!==null 的结果是false，因为null值已经被赋给了 myVar 。因此，代码会执行else块中的代码，并且 “Variable is null” 会被打印到控制台上。
4. 使用双感叹号(!!)
双感叹号是JavaScript中检查变量是否不为null的另一种方法。双感叹号用于将一个值转换为布尔值。如果一个变量不为null，双感叹号会返回 “true” 。下面是一个示例：
let myVar = null;
if (!!myVar) {
console.log("Variable is not null");
} else {
console.log("Variable is null");
}
在这段代码中，变量 myVar 被赋值为null。通过使用 !!运算符 对变量进行双重否定。这种将值转化为其对应的布尔表示的方法经常被使用。
如果变量 myVar 为 true ，则双重否定将返回true。在JavaScript中，对null进行双重否定将返回false，因为null被视为false。
双重否定后，在检查变量 myVar 的布尔值之前，会执行if语句中的代码块。如果变量 myVar 的值为 true 且不为null或false，则会执行if代码块中的代码。
相反，如果值为 false ，则变量 myVar 为空或false。在这种情况下，将运行else代码块中的函数。在提供的代码中，变量被声明为null，将 “Variable is null” 记录到控制台中。
输出将是：
Variable is null
解释：
MyVar 被赋予了值 null ，因此使用了 双重否定 !! ，而 myVar 的值为 false 。因此，运行了else块的代码，并且将 “Variable is null” 打印到控制台。
5. 使用三元运算符
三元运算符 是一种写 “if” 语句 的简写方式。它是一行代码，用于检查一个变量是否不为空。这里是一个示例：
let myVar = null;
myVar !== null ? console.log('myVar is not null') : console.log('myVar is null');
在这段代码中，变量 myVar 被赋值为 null 。使用三元运算符?:来检查条件 myVar!== null 。
如果条件 myVar!== null 求值为 true ，表示 myVar 不是 null 。在这种情况下，将使用 console.log(‘myVar is not null’) 来执行问号前面的表达式。
另一方面，如果测试 myVar!== null 返回 false ，则 myVar 实际上是 null 。在这种情况下，将使用 console.log(‘myVar is null’) 来执行冒号后面的表达式。
输出将是：
myVar is null
解释：
条件 myVar!== null 的计算结果为 false ，因为null值已赋给myVar。因此，冒号后面的表达式将被执行，控制台将打印出 “myVar is null” 。
结论
在本文中，我们探讨了在JavaScript中检查变量是否为null的不同方法。无论您选择使用 “!== null“运算符 、 “typeof”运算符 、 “null”关键字 、 双感叹号 、 三元运算符 还是 可选链 ，重要的是在使用变量之前始终检查它们是否为null，以避免代码错误。
通过理解这些不同的技术，您将能够编写更可靠和无错误的JavaScript代码。所以下次在JavaScript中使用变量时，请记住始终在使用之前检查它们是否为null。