undefined是JavaScript引擎自动赋予的初始空值，表示未赋值、未返回或属性不存在；null是开发者主动赋的空对象引用，表示有意清空或无结果。

识别 null 与 undefined 的语义本质，关键不在“它们都表示‘没有值’”，而在于“谁让它没值的”——是语言自动赋予的初始状态，还是开发者主动设定的空状态。

undefined：语言给的“空白起始点”

它代表一种被动、自然的缺失，JavaScript 在变量声明后尚未赋值、函数未返回、对象属性不存在等场景下，自动填充这个值。这不是你写的，是引擎默认给的“占位符”。

• let a; → a 是 undefined（声明了，但还没人给它东西）
• function f() {}；f() → 返回 undefined（函数没说要返啥，引擎补上）
• const obj = {}; obj.name → undefined（属性压根没定义，不是删了，是从来就没建）

null：开发者写的“我主动清空”

null 是一个显式赋值的值，语义是“我知道这里该有个对象，但现在我把它设为空”。它不表示“还没来得及填”，而是“我特意清掉了”。常用于释放引用、初始化可能指向对象的变量、或作为函数明确返回“无结果”的信号。

• let user = { id: 1 }; user = null; → 主动切断引用，提示后续不再使用该对象
• function findUser(id) { return users.find(u => u.id === id) || null; } → 明确区分“找到”和“没找到”，避免用 undefined 模糊语义
• const canvas = document.getElementById('myCanvas'); // 可能为 null → 表示 DOM 查询失败，本该存在却未获取到

看类型转换和比较，验证语义差异

它们在运算中表现不同，正反映出设计初衷：

• Number(null) 是 0 → 把“空引用”当作数值零处理（历史遗留，但体现其“可被安全转为有效值”的倾向）
• Number(undefined) 是 NaN → “未定义”无法合理转为数字，直接失效（强调其“不可靠、未就绪”的本质）
• null == undefined 为 true → 宽松相等只看“是否表示‘无’”，语义层面让步
• null === undefined 为 false → 严格相等拒绝混淆，因为一个是主动赋的空对象指针，一个是被动产生的未定义状态

判断时别只靠 == 或 typeof

用宽松相等容易误判；用 typeof 则会掉坑（typeof null === 'object'）。推荐组合判断：

• 检查是否为 null：value === null
• 检查是否为 undefined：value === undefined 或更安全地用 typeof value === 'undefined'
• 检查是否为 null 或 undefined（即“空值”）：value == null（利用 == 的特性，简洁且可靠）