在 JavaScript 中，当我们需要判断一个变量是否为空或未定义时，通常会使用两种方式：类型不等于"undefined" 和 不等于 null。虽然这两种方式都可以实现相同的功能，但它们之间仍然有一些微妙的差别。在这篇文章中，我们将探讨这些差异并了解何时使用哪种方式。
什么是 undefined 和 null？
在 JavaScript 中，undefined 和 null 都代表着空值。其中 undefined 表示一个变量已经被声明但没有赋值，而 null 则表示一个变量被明确地赋值为 null。
let x; console.log(x); // undefined let y = null; console.log(y); // null
类型不等于 "undefined"
通过 typeof 运算符来判断变量是否为 undefined 是最常用的方法之一。例如：
let x;
if (typeof x !== "undefined") {
console.log("x is defined");
} else {
console.log("x is undefined");
}在上面的代码中，我们使用 typeof 运算符来检查变量 x 是否为 undefined，如果不是，则输出 "x is defined"，否则输出 "x is undefined"。
值得注意的是，typeof x 的返回值类型是字符串。因此，在使用 typeof 运算符时，必须将比较值用引号括起来。
不等于 null
另一种判断变量是否为 null 的方法是使用不等于运算符（!=）。
let y = null;
if (y != null) {
console.log("y is not null");
} else {
console.log("y is null");
}在上面的代码中，我们使用 != 运算符来检查变量 y 是否为 null，如果不是，则输出 "y is not null"，否则输出 "y is null"。
与 typeof 不同，!= 运算符不需要将比较值用引号括起来。
区别
虽然这两种方式都可以用于判断变量是否为空或未定义，但它们之间仍然存在一些差异。主要的区别在于 undefined 和 null 的类型不同：
- undefined 的类型是 "undefined"
- null 的类型是 "object"
因此，当使用类型不等于"undefined"时，只会检查变量是否为 undefined 类型，而不会检查其是否为 null 类型。反之亦然，当使用不等于 null 时，只会检查变量是否为 null 类型，而不会检查其是否为 undefined 类型。
另一个区别是，在某些情况下，如果尝试访问一个未定义的变量，typeof 将返回 "undefined"，而访问一个为 null 的变量将不会导致 ReferenceError，而是返回 null。这意味着，如果你想确保变量存在且不为 null，则应该使用不等于 null 检查。
如何选择
对于大多数情况下，这两种方式都可以满足我们的需求，因此选择哪种方式并没有固定的规则。但是，有一些简单的指导原则可以帮助我们做出决策：
- 如果你想确保变量存在且不为 null，则使用不等于运算符（!=）。
- 如果你只关心变量是否被定义，则使用类型不等于 "undefined"。
示例代码
-- -------------------- ---- ------- --- -- --- - - ----- -- ------- - --- ------------ - -------------- -- ---------- - ---- - -------------- -- ------------ - -- -- -- ----- - -------------- -- --- ------- - ---- - -------------- -- ------- -
输出结果：
x is undefined y is null
结论
类型不等于"undefined"和不等于 null 都可以用来判断一个变量是否为空或未定义，但它们之
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/8286
