JavaScript 中 null 与 undefined 的区别与使用

核心概念辨析

第1步：理解 null 的本质与类型特征

null 在 JavaScript 中表示一个“空”的对象引用。它通常被开发者显式赋值，意在表明某个变量当前没有有效的对象值。

需要注意的是，typeof (null) 的返回值是一个历史遗留问题，它返回 Object。尽管它是对象类型，但 null 本身并不包含任何属性或方法，它是一个不可变的原始标记（尽管类型声明为对象）。

第2步：理解 undefined 的定义与来源

undefined 表示变量已声明但尚未赋值，或者对象的属性不存在。它是全局对象的一个属性，也是 void 运算符的默认结果。

与 null 不同，typeof (undefined) 正确返回 undefined。类似于 null，undefined 类型只包含自身，不具备可枚举的属性或方法。

行为对比与安全操作

第3步：布尔值转换与逻辑判断

在布尔上下文（如 if 语句或三元表达式）中，null 和 undefined 的行为是一致的：

• 两者都可以转换为布尔值 false。
• 这意味着在条件判断中，它们都会被视作“假值”（Falsy）。例如：if (null) { ... } 不会执行。

第4步：安全的属性访问策略

由于 null 和 undefined 都不包含属性和方法，直接尝试通过点操作符（.）或方括号（[]）访问它们的成员会导致运行时错误（TypeError）。

操作建议：

1. 前置检查：在使用点语法访问属性前，务必确认变量不是 null 或 undefined。
2. 可选链操作：推荐使用 ES2020 引入的可选链操作符 ?.。例如：user?.name。如果 user 为 null 或 undefined，表达式将短路返回 undefined，而不是抛出异常。

// 危险的做法
let name = person.name; // 如果 person 为 null，此处报错

// 安全的做法
let safeName = person?.name; // 如果 person 为 null，返回 undefined，不报错

总结

简而言之，null 代表“有意为空”，undefined 代表“未曾存在”。虽然它们在布尔转换上表现一致，但在类型检查和调试中应严格区分。养成在使用对象成员前进行判空或使用可选链的习惯，能有效避免常见的运行时错误。

以上就是 JavaScript 中 null 与 undefined 的详细解析，更多关于 JavaScript 基础知识的资料请关注本站其它相关文章！