undefined 表示系统自动产生的“未初始化”状态，null 表示开发者主动设置的“已清空”状态；前者用于变量声明后、函数无返回等场景，后者用于显式释放资源或表达业务上的空值。
区分 undefined 与 null 的关键，在于理解它们代表的两种不同“空”状态：一个是系统自动产生的“未初始化”，另一个是开发者主动设置的“已清空”。用对了，代码意图清晰、协作顺畅；混用了，容易埋下隐性 bug。
undefined 是“还没给值”——自然发生的缺失
它不是你写的，而是 JavaScript 在变量声明后、属性访问失败、函数没返回等场景下自动补上的默认状态。你不需要、也不该手动赋值 undefined。
- 变量只声明不赋值：
let user;→user就是undefined - 函数没写 return：
function getName() {}→getName()返回undefined - 访问对象不存在的属性：
{name: 'Alice'}.age→undefined - 调用函数时漏传参数：
function greet(name) { return `Hi, ${name}`; } greet()→name是undefined
null 是“我主动清空了”——明确表达的空引用
它是你亲手写的，用来告诉别人：“这里本该有东西，但我现在把它设为空”，常见于需要显式控制状态或释放资源的场合。
- 初始化将来会存对象的变量：
let currentModal = null;（比let currentModal;更清楚地表明“初始无模态框”） - DOM 查询失败：
document.getElementById('nonexistent')返回null，表示“查到了，但没找到” - API 明确返回“无此数据”：
{ user: null }表示业务上用户确实不存在，而非字段未定义 - 释放大对象引用：
bigData = null;帮助垃圾回收器识别可回收内存
判断时别被 == 带偏，优先用 === 或 ??
null == undefined 是 true，但这只是历史妥协；实际开发中，它们语义不同，应分开处理。
立即学习“Java免费学习笔记（深入）”；
- 检查是否未初始化（比如参数是否传入）：
value === undefined或更稳妥的typeof value === 'undefined' - 检查是否被主动清空（比如 API 是否返回空对象）：
value === null（typeof null是'object'，不能用 typeof 判断） - 想统一兜底为默认值：
value ?? 'default'（空值合并操作符，只对null和undefined生效，比||更安全）
一个原则帮你快速决策
问自己一句：这个“空”是语言自动给的，还是我有意写的？
- 自动给的 → 留作
undefined，不要手动赋值 - 我写的 → 用
null，别用undefined替代 - 类型声明（如 TypeScript）中，
string | null表示“可能为空”，string | undefined表示“可能未提供”，语义更精准
