Undefined 与 Null：究竟有何不同？

想象一下，你正在参加一个聚会的组织工作。你负责准备一份名单，列出将要带来饮料和食物的人。现在，考虑以下两种情况：

  1. 张三 - 你在名单上写下了张三的名字，但你还没有问他能带什么。在这种情况下，张三的贡献是“未定义（undefined）”，因为你知道他会带点什么，但你不知道具体是什么。
  2. 李四 - 你联系了李四，而李四告诉你她不打算带任何东西。因此，你在名单上特意标记李四将带来“无（null）”。

在JavaScript中，undefined和null的区别也类似于这个例子。undefined通常用于表示变量已被声明但尚未赋予具体的值，正如你列出张三但尚未确定他的贡献。而null则是一个明确的标记，表示变量应该没有值，就像李四明确表示她不带任何东西一样。

理解undefined和null在代码中的使用，就像区分聚会准备中的不同情况一样重要。知道何时以及如何使用每个可以帮助你编写更清晰、更可预测的代码。下面我们将详细探讨JavaScript中undefined和null的技术细节和实际应用。

什么是undefined?

undefined是在某些情况下自动赋予变量的原始值：

  • 未初始化的变量：声明但未初始化的变量将具有undefined值。
  • 缺失的函数返回：如果函数没有明确返回值，则默认返回undefined。
  • 不存在的对象属性或数组元素：访问不存在的对象属性或数组元素会导致undefined。

示例：在示例中，我们展示了undefined。

let x; // 变量声明但未初始化
console.log(x); // 输出：undefined

function doSomething() {
  // 没有返回语句，因此函数返回undefined
}
console.log(doSomething()); // 输出：undefined

let obj = {};
console.log(obj.property); // 输出：undefined

什么是Null?

null是JavaScript中表示任何对象值故意缺失的特殊值。它通常用来：

  • 指示“无值”：null明确表示变量或对象属性应该没有值。
  • 重置或清除变量：使用null来重置变量或移除其对对象的引用。

示例：在示例中，我们展示了null。

let y = null; // 变量故意设置为null
console.log(y); // 输出：null

let obj = { property: null }; // 属性故意设置为null
console.log(obj.property); // 输出：null

== vs ===

  • null == undefined // true
  • null === undefined // false

这意味着null等于undefined但不完全相同。

当我们将变量定义为undefined时，我们试图传达该变量不存在。当我们将变量定义为null时，我们试图传达该变量为空。

undefined和null之间的区别

特性 undefined null
描述 表示已声明但尚未赋值的变量。 表示故意缺少任何对象值的变量。
数据类型 JavaScript中的原始数据类型。 JavaScript中的原始数据类型。
自动赋值 声明但未初始化的变量自动赋值。 必须明确赋值给变量。
使用场景 当变量未赋值时由JavaScript使用。 由开发者故意用来指示“无值”或“空”。
在序列化中的行为 undefined值在序列化时会被省略。 null值在JSON序列化时被保留（例如，{"key": null}）。

结论

undefined表示变量尚未初始化，而null是故意赋值以指示无值。理解这种区别有助于在JavaScript中编写更清洁、更可预测的代码，特别是在处理默认值或检查缺失数据时。