JavaScript 中的 undefined 与 null 的本质区别

在 JavaScript 的世界中，undefined 和 null 作为两个特殊的值，承载着表示缺失或空值的重要使命。乍看之下，它们似乎同义，但细究之下，二者却有着微妙的差别，影响着代码的执行和数据处理。

undefined：未定义的原始值

undefined 是 JavaScript 中的一个原始值，表示变量或属性尚未被赋值。当变量在声明时未被赋予任何值时，它将自动被赋予 undefined。此外，在函数参数列表中，未传入实参的参数也会被视为 undefined。

例如：

let name;
console.log(name); // 输出：undefined

null：表示空值的特殊对象

与 undefined 不同，null 是一个表示空值的特殊对象，它明确表示某个值不存在或有意为之的空值。在 JavaScript 中，null 是一个特殊，用于赋值给变量或属性，以明确表示其为一个空值。

例如：

let user = null;
console.log(user); // 输出：null

比较运算：严格相等与宽松相等

比较 undefined 和 null 时，需要考虑严格相等（===）和宽松相等（==）之间的差别。

• 严格相等（===）： 比较两个值是否完全相等，包括类型和值。
• 宽松相等（==）： 在比较值之前先尝试将它们转换为相同类型，再进行比较。

对于 undefined 和 null，严格相等和宽松相等的比较结果如下：

比较运算	严格相等（===）	宽松相等（==）
undefined === undefined	true	true
null === null	true	true
undefined === null	false	true

赋值操作

在赋值操作中，undefined 和 null 的行为也有所不同。

• 赋值 undefined： 将变量或属性设置为 undefined，表示其未定义。
• 赋值 null： 将变量或属性设置为一个明确的空值，表示其不存在或有意为空。

例如：

let name = undefined; // 变量 name 被设置为 undefined
let user = null; // 变量 user 被设置为 null

结论

JavaScript 中的 undefined 和 null 虽然都是表示缺失或空值，但它们在本质、使用场景和比较运算中存在着细微差别。undefined 是未定义的原始值，表示变量或属性尚未赋值。而 null 是一个特殊对象，明确表示某个值不存在或有意为之的空值。开发者在使用 undefined 和 null 时，需要充分理解它们的差异，以避免代码出现逻辑错误或不必要的复杂性。