深入浅出：如何在 JavaScript 中精准检查 Null 值（全指南）

2026-02-05 12:10:29 0条评论 3次阅读 0人点赞

在 JavaScript 的开发过程中，我们经常会遇到各种各样的数据类型，其中最棘手、也最容易导致程序崩溃的，莫过于 null 和 undefined。你有没有遇到过这样的情况：当你满怀信心地运行代码，却突然控制台报错，提示你无法读取某个属性，最后排查发现是因为某个变量是 null？

别担心，在这篇文章中，我们将深入探讨 JavaScript 中检查 null 值的各种方法。我们将一起学习它们的工作原理、区别以及在实际项目中该如何做出最佳选择。准备好让你的代码更加健壮了吗？让我们开始吧！

—

前置知识：null vs undefined

在正式介绍检查方法之前，我们需要先明确一个概念，这有助于我们理解后续的代码逻辑。

null：它表示一个“空”值。这通常是一个有意为之的赋值，表示“这里暂时没有对象”。
undefined：它表示“未定义”。这通常是一个原始值，表示变量已经声明了，但还没有被赋值。

简单来说，如果是一个已声明但未赋值的变量，它是 INLINECODE16497c61；而如果你显式地给一个变量赋值为 INLINECODE29718a6f，那它就是 null。虽然两者在布尔转换中都代表“假”，但在类型判断上它们有着本质的区别。

方法 1：严格相等运算符 (===)

这是最直接、最常用，也是我们最推荐的方法。在 JavaScript 中，使用严格相等运算符 INLINECODEf8f2dbf4 可以检查一个值是否完全等于 INLINECODE6f0811e1。

为什么使用 === 而不是 == ？

你可能会问，为什么不能像在某些旧代码中看到的那样使用双等号 INLINECODEb8a9fb82？这是因为 INLINECODE297cbcac 是抽象相等运算符，它会进行类型强制转换。这意味着 INLINECODE1956d936 的结果是 INLINECODE336252db。虽然这有时很方便，但它会掩盖逻辑上的漏洞。

使用 INLINECODE5f9eade7 可以确保我们不仅检查值是否为空，还检查类型是否为 INLINECODE2b31aabf 对象。这种方式更加严格和安全。

语法

value === null;

实际代码示例

让我们通过几个具体的例子来看看它是如何工作的。

示例 1：基本检查

let myVariable = null;

// 检查 myVariable 是否为 null
if (myVariable === null) {
    console.log("是的，变量是 null");
} else {
    console.log("变量不是 null");
}

myVariable = undefined;

if (myVariable === null) {
    console.log("是的，变量是 null");
} else {
    console.log("变量不是 null"); // 会执行这句，因为 undefined !== null
}

输出：

是的，变量是 null
变量不是 null

示例 2：对象比较

值得注意的是，在 JavaScript 中，对象是按引用比较的。即使两个对象内容完全一样，它们也不相等。

const object1 = {
    key: "value",
};

const object2 = {
    key: "value",
};

// 两个不同的对象，即使内容相同，也不相等
console.log(object1 === object2); // false

// 一个对象和它自己相等
console.log(object1 === object1); // true

// 显式设置为 null 的对象
const emptyObj = null;
console.log(emptyObj === null); // true

输出：

false
true
true

实用场景

当你需要严格区分“空值”和“未定义”时，比如在处理 API 返回的数据时，如果后端明确表示“没有数据”会返回 INLINECODE2232a0a2，而“字段不存在”可能对应 INLINECODEb1aee6c8，此时使用 === 是最佳选择。

—

方法 2：Object.is() 函数

INLINECODE0ef3cbde 是 ES6 引入的一个静态方法，用于判断两个值是否相同。它在大多数情况下的行为与 INLINECODE08d0acdf 相同，但对于一些特殊值的处理有所不同（例如 NaN）。

工作原理

对于 INLINECODE8ecc90b7 的检查，INLINECODE77fb0c9e 等同于 value === null。它不会进行类型转换，是一种强比较。它的优势在于语法语义化更强，看起来更像是“我们要判断 A 是否就是 B”。

语法

Object.is(value, null)

实际代码示例

让我们通过对比来加深理解。在这个示例中，我们将同时测试 INLINECODEaa9a6356 和 INLINECODE5856284e，看看各种运算符的表现差异。

let maybeNull = null;

// 1. 使用 Object.is() 检查
console.log("检查 null:");
console.log("Object.is(maybeNull, null):", Object.is(maybeNull, null)); // true
console.log("Object.is(maybeNull, undefined):", Object.is(maybeNull, undefined)); // false

// 2. 对比宽松相等
console.log("
检查 == 运算符:");
console.log("maybeNull == null:", maybeNull == null); // true
console.log("maybeNull == undefined:", maybeNull == undefined); // true (注意：这里是 true！)

// 3. 对比严格相等
console.log("
检查 === 运算符:");
console.log("maybeNull === null:", maybeNull === null); // true
console.log("maybeNull === undefined:", maybeNull === undefined); // false

// --- 现在将变量改为 undefined ---
maybeNull = undefined;

console.log("
--- 变量值切换为 undefined 后 ---");
console.log("Object.is(maybeNull, null):", Object.is(maybeNull, null)); // false
console.log("maybeNull === null:", maybeNull === null); // false

输出：

检查 null:
Object.is(maybeNull, null): true
Object.is(maybeNull, undefined): false

检查 == 运算符:
maybeNull == null: true
maybeNull == undefined: true (注意：这里是 true！)

检查 === 运算符:
maybeNull === null: true
maybeNull === undefined: false

--- 变量值切换为 undefined 后 ---
Object.is(maybeNull, null): false
maybeNull === null: false

何时使用它？

当你希望代码具有极高的可读性，或者正在处理一些特殊的数值比较（如 INLINECODEb3c3fa9c 或 INLINECODE87f79d7d）时，INLINECODE875c0521 是一个很好的工具。但在纯粹检查 INLINECODE6c88d8d9 的场景下，它的性能略低于 INLINECODEf426189e（虽然有现代引擎优化，差异微乎其微），因此通常作为 INLINECODE57fdf7a9 的语义化替代方案。

—

方法 3：通过 typeof 运算符（进阶技巧）

这是一个非常有趣且强大的方法。你可能知道 INLINECODEb61ba7f8 可以用来判断数据类型，但你知道吗？利用 INLINECODE7669c376 检查 null 不仅是可能的，而且在某些特定场景下甚至是必须的。

为什么 typeof 对 null 有特殊表现？

在 JavaScript 中，INLINECODE90bbe5ea 的结果是 INLINECODE76b2e8a1。这是 JavaScript 语言早期遗留的一个著名的 Bug。虽然这在逻辑上是错误的，但为了保持向后兼容性，它永远不会被修复。

然而，这个特性给了我们一个独特的工具。由于 null 在底层被表示为一个“空对象指针”，我们可以利用这一特性，并结合变量的类型来判断。

处理未声明的变量

使用 INLINECODE51095f9e 或 INLINECODE551ecf77 的一个最大限制是：如果变量根本没有声明（Undeclared），直接使用它们会抛出 INLINECODEfe282e17，导致程序崩溃。而 INLINECODEf8940295 运算符是唯一可以安全检测未声明变量而不报错的方法。

语法

typeof variable !== "undefined" && variable !== null;

实际代码示例：安全的防崩溃检查

在这个例子中，我们将构建一个健壮的函数，它可以安全地处理 INLINECODE63eeee56、INLINECODE46a5a33f 以及未声明的变量。

// 辅助函数：检查一个值既不是 null 也不是 undefined
const isNotNullNorUndefined = (value) => {
    // 1. 首先排除 undefined (包括未声明的情况)
    // 注意：这里使用 typeof value 是安全的，即使 value 未声明也不会报错
    if (typeof value === "undefined") {
        return false;
    }
    // 2. 其次排除 null
    // 3. 其他情况（如数字 0, 空字符串 "", false）都会返回 true
    if (value === null) {
        return false;
    }
    return true;
};

// --- 测试场景 ---

// 场景 1：显式的 null
let testNull = null;
console.log("testNull 检查结果:", isNotNullNorUndefined(testNull)); // false

// 场景 2：显式的 undefined
let testUndefined = undefined;
console.log("testUndefined 检查结果:", isNotNullNorUndefined(testUndefined)); // false

// 场景 3：普通的字符串
let testString = "Hello Geeks";
console.log("testString 检查结果:", isNotNullNorUndefined(testString)); // true

// 场景 4：0 (假值但不是 null/undefined)
let testZero = 0;
console.log("testZero 检查结果:", isNotNullNorUndefined(testZero)); // true

// 场景 5：模拟检查未声明的变量 (不使用 try-catch)
// 注意：我们不能直接把未声明的变量传给函数，那会报错。
// 但是 typeof 可以直接在条件判断中安全使用。

function safeCheckExternalVariable() {
    // 假设 someUndeclaredVar 从未在代码中定义
    if (typeof someUndeclaredVar !== "undefined" && someUndeclaredVar !== null) {
        console.log("变量存在且有值");
    } else {
        console.log("变量未声明，或者是 null/undefined");
    }
}

safeCheckExternalVariable();

输出：

testNull 检查结果: false
testUndefined 检查结果: false
testString 检查结果: true
testZero 检查结果: true
变量未声明，或者是 null/undefined

深入解析

这个例子展示了 INLINECODE86f68edf 的独特威力：防错性。当我们不确定一个变量是否已经被声明时（比如检查第三方库注入的全局变量），直接使用 INLINECODE40027e9a 会导致代码直接崩溃。而 typeof 能够让我们优雅地处理这种情况。

—

总结与最佳实践

在探索了这几种方法后，你可能会问：“我到底该用哪一个？” 这完全取决于你的具体场景。作为经验丰富的开发者，我们通常会遵循以下原则：

1. 日常开发首选：`===`

在 99% 的常规业务逻辑中，当你知道变量肯定已经声明了，并且只想知道它是不是“空值”时，请直接使用 INLINECODEa0ac6125。它语义清晰，性能最优，且能准确区分 INLINECODE364566e3 和 undefined。

2. 特殊数值比较：`Object.is()`

如果你正在编写一些底层的库函数，或者需要处理 INLINECODE87ee8415、INLINECODEa86406ca 和 INLINECODEb8548f63 等边缘情况，INLINECODE2cea6c7d 是你的不二之选。它在处理 INLINECODEe1236d20 时与 INLINECODE85ca65f2 一致，但处理其他特殊值时更符合数学直觉。

3. 安全检查与防御性编程：`typeof`

当你处于一个不确定的环境中，或者需要检查一个可能根本不存在的外部变量时，请务必使用 INLINECODE603a6d19。它能防止 INLINECODEb1fa2b13，让你的程序坚如磐石。

常见错误警示

不要混淆 INLINECODE5eed22a3 和 INLINECODE838fb332：虽然在 INLINECODE912f59b9 语句中它们都是 falsy（假值），但在 API 设计中，INLINECODE39e41815 通常意味着“空”，而 undefined 意味着“缺失”。检查时不要混用，除非你有意为之。
警惕 INLINECODEabe5a9e6 的 null bug：记住 INLINECODEdadca376。如果你只写 INLINECODE0f5ef853 来判断对象，你可能会误判 INLINECODE885b0627。正确的对象检查通常是 x !== null && typeof x === ‘object‘。

性能优化建议

在现代 JavaScript 引擎（如 V8）中，INLINECODE468dff07 是最快的操作之一。INLINECODE00f1d4ed 虽然稍慢，但在大多数应用中这种差异是可以忽略不计的。typeof 的开销也很小。因此，不要为了微小的性能差异而牺牲代码的正确性。选择最能表达你意图的方法，才是最“高性能”的写法。

通过掌握这三种方法，你现在拥有了处理 JavaScript 空值问题的全部武器库。写出更安全、更健壮的代码吧！

投稿给我们	如何建站？
vps是什么？	如何安装宝塔？
如何通过博客赚钱？	便宜wordpress托管方案
免费wordpress主题	这些都是免费方案

豆丁博客

深入浅出：如何在 JavaScript 中精准检查 Null 值（全指南）

前置知识：null vs undefined

目录

方法 1：严格相等运算符 (===)

为什么使用 === 而不是 == ？

语法

实际代码示例

实用场景

方法 2：Object.is() 函数

工作原理

语法

实际代码示例

何时使用它？

方法 3：通过 typeof 运算符（进阶技巧）

为什么 typeof 对 null 有特殊表现？

处理未声明的变量

语法

实际代码示例：安全的防崩溃检查

深入解析

总结与最佳实践

1. 日常开发首选：`===`

2. 特殊数值比较：`Object.is()`

3. 安全检查与防御性编程：`typeof`

常见错误警示

性能优化建议

相关文章美国1G带宽/1T流量高速vps $17.99/年

深入浅出：如何在 JavaScript 中精准检查 Null 值（全指南）

前置知识：null vs undefined

目录

方法 1：严格相等运算符 (===)

为什么使用 === 而不是 == ？

语法

实际代码示例

实用场景

方法 2：Object.is() 函数

工作原理

语法

实际代码示例

何时使用它？

方法 3：通过 typeof 运算符（进阶技巧）

为什么 typeof 对 null 有特殊表现？

处理未声明的变量

语法

实际代码示例：安全的防崩溃检查

深入解析

总结与最佳实践

1. 日常开发首选：===

2. 特殊数值比较：Object.is()

3. 安全检查与防御性编程：typeof

常见错误警示

性能优化建议

相关文章美国1G带宽/1T流量高速vps $17.99/年

1. 日常开发首选：`===`

2. 特殊数值比较：`Object.is()`

3. 安全检查与防御性编程：`typeof`