当前位置：首页 > news >正文

前端知识速记—JS篇：null 与 undefined

news 2025/7/29 4:12:30

前端知识速记—JS篇：null 与 undefined

什么是 `null` 和 `undefined`？

1. `undefined` 的含义

undefined 是 JavaScript 中默认的值，表示某个变量已被声明但尚未被赋值。当尝试访问一个未初始化的变量、函数没有返回值时，都会得到 undefined。

let a;
console.log(a); // 输出: undefined

2. `null` 的含义

null 是一个表示“无”或“空值”的对象类型。它通常用来表示一个变量拥有一个空值，而这个空值是可以被赋予的。换句话说，null 是一种明确的赋值状态，表示该变量是空的。

let b = null;
console.log(b); // 输出: null

`null` 与 `undefined` 的区别

1. 赋值状态

undefined 表示变量已经声明但没有值；而 null 则是显式赋予的空值。你可以将 undefined 视作“未定义的状态”，而 null 视为一个明确的“空状态”。

2. 类型

你可以使用 typeof 运算符检查它们的类型，结果显示它们各自的不同：

console.log(typeof undefined); // 输出: undefined
console.log(typeof null);      // 输出: object

尽管 null 是一个对象，但它实质上表示的是“没有值”，这也是 JavaScript 中的一大奇妙之处。

如何有效使用 `null` 和 `undefined`？

1. 决定何时使用

在编程时，有效的选择 null 或 undefined 可以帮助你的代码可读性和逻辑性。例如，当你希望一个变量具有一个“空”状态时，使用 null 来表明此意图是一个好主意。而对于尚未赋值的变量，undefined 则是合适的选择。

2. 结合使用示例

考虑一个简易的用户注册表单，用户输入为 null 时表示未填写，反之为 undefined 可以用于检查是否已进行注册。

function registerUser(username) {if (username === undefined) {return "用户名不能为空";}// 其他处理代码console.log(`用户 ${username} 注册成功！`);
}console.log(registerUser()); // 输出: 用户名不能为空
console.log(registerUser(null)); // 输出: 用户 null 注册成功！