在 JavaScript 的世界里，有三个特殊的值常常让初学者甚至有经验的开发者感到困惑：undefined、null 和 NaN。它们都在某种程度上表示 “空” 或 “无值”，但在语义、类型系统以及运行时行为上却有着天壤之别。

很多线上 bug 的根源，往往就在于混淆了这三者的区别。比如，你是否曾疑惑过为什么 typeof null 会返回 'object'？为什么 NaN === NaN 会返回 false？为什么 null == undefined 是 true 但 null === undefined 却是 false？

本文将带你深入这三个特殊值的底层逻辑，拆解它们的产生场景、类型特征以及相等性判断的陷阱，帮助你彻底理清这三者的关系，写出更健壮的代码。

一、undefined：系统的 “未定义”

1.1 语义：自然的缺失

undefined 的核心语义是 “未定义” 。它代表的是一种 “自然的缺失”—— 也就是说，当 JavaScript 引擎在找不到值的时候，它会默认用 undefined 来填充。

这不是开发者主动设置的，而是语言本身的默认行为。当一个变量声明了但还没赋值，或者访问了一个对象上不存在的属性，JavaScript 并不会抛出错误，而是返回 undefined 告诉你：“这里应该有个值，但我还没找到。”

1.2 常见的产生场景

undefined 通常出现在以下几种情况：

变量声明但未赋值：这是最常见的场景。

    let name;
    console.log(name); // undefined

访问不存在的对象属性：

    const user = { name: 'John' };
    console.log(user.age); // undefined

    // 表示用户对象目前为空，等待后续赋值
    let currentUser = null;


    // 登录成功后
    currentUser = { id: 1, name: 'John' };

主动释放引用：在一些手动内存管理的场景下，将对象引用置为 null 可以帮助垃圾回收。

    let bigData = getBigData();
    // 处理完数据
    bigData = null; // 释放引用

函数返回 “无结果” ：当查询数据库没有找到结果时，返回 null 而不是抛出错误，表示 “找到了，但结果是空的”。

2.3 那个著名的 Bug：typeof null === 'object'

这是 JavaScript 中最广为人知的历史遗留问题。当你使用 typeof 检测 null 时，你会得到：

if (value === null) {
    // 这才是正确的判断方式
}

console.log(typeof NaN); // 'number'
// 没错，它的类型是 number！

    console.log(1 + NaN); // NaN
    console.log(2 * NaN); // NaN
    console.log(Math.max(1, 2, NaN, 3)); // NaN

        console.log(isNaN('hello')); // true！因为 'hello' 转数字失败了
        console.log(isNaN(undefined)); // true

        console.log(Number.isNaN(NaN)); // true
        console.log(Number.isNaN('hello')); // false
        console.log(Number.isNaN(undefined)); // false

        function myIsNaN(value) {
            return value !== value;
        }

if (value == null) {
    // 这会同时匹配 null 和 undefined
    // 等价于 if (value === null || value === undefined)
}

console.log(Object.is(NaN, NaN)); // true！终于可以正常判断 NaN 了
console.log(Object.is(null, null)); // true
console.log(Object.is(undefined, undefined)); // true

// 错误示范
function processAge(age) {
    if (!age) {
        console.log('年龄为空');
    } else {
        console.log('处理年龄', age);
    }
}


processAge(0); // 错误！0 是合法年龄，但被当成空了

JSON.stringify({ a: NaN, b: undefined, c: null });
// 结果: "{"a":null,"c":null}"

function greet(name = 'Guest') {
    console.log(name);
}


greet(undefined); // Guest (触发默认值)
greet(null);      // null (不触发！因为 null 是一个明确的传值)

        const count = response.count ?? 0;