JavaScript 数据类型 null和undefined在js中的区别是什么

🚀 JavaScript冷知识：null和undefined到底差在哪？最新ECMAScript 2025草案这样说...

最近ECMAScript 2025草案中关于"空值"的讨论又火了🔥，TC39委员会正在考虑为undefined增加新的语法糖，不过别急，在我们追新之前，先把这两个"空值兄弟"的区别彻底搞懂！

1️⃣ 先看定义：天生不同

let a = null;       // 这是程序员主动设置的"空值"
let b = undefined;  // 这是系统默认的"未定义"

想象你有个收纳盒🧳：

• null = 你明确告诉别人"盒子里是空的"
• undefined = 别人打开发现"根本没放东西进去"

2️⃣ 类型检测：typeof的"历史bug"

typeof null      // "object" 😅 (著名历史遗留问题)
typeof undefined // "undefined"

有趣的是，这个bug从1995年JavaScript诞生就存在！Brendan Eich本人承认这是个设计失误，但现在修改会破坏整个互联网🌐,所以一直保留着。

3️⃣ 相等性比较：== vs ===

null == undefined   // true (抽象相等)
null === undefined  // false (严格相等)

这就像：

• 松散的老板："没带午餐"和"午餐是空饭盒"差不多啦~（==）
• 严格的会计："未登记资产"和"资产金额写零"必须分清楚！（===）

4️⃣ 函数参数中的表现

function test(a = "default") {
  console.log(a);
}
test(null)      // 输出 null 🎯
test(undefined) // 输出 "default"

这里有个实用技巧💡：用undefined触发默认参数,用null保留显式空值。

5️⃣ JSON序列化差异

JSON.stringify({a: null, b: undefined}) 
// 输出 '{"a":null}'

undefined在JSON中会直接消失！就像发邮件时：

• null = "附件：空文件"
• undefined = 根本不提附件这回事

6️⃣ 最新动向：2025可能的变化

据2025年8月TC39会议记录📝，正在讨论的"undefined快捷语法"：

let x = _;  // 提案中的新写法，等价于 let x = undefined;

不过目前Stage 1阶段,日常开发还是建议：

• 需要空值时显式用null
• 让undefined保持"未初始化"的原始语义

💎 黄金实践建议

1. 初始化变量时用let x = null而非let x
2. 检查时用x === null或typeof x === 'undefined'
3. 需要区分"未设置"和"空值"时，两者配合使用

记住这个比喻🎭：

• undefined是"未拆封的快递"
• null是"拆开后的空盒子"

下次面试被问到这个问题，你就可以从容地说："这要从1995年的一个设计决策讲起..." 😎