null和undefined的区别？

在JavaScript中，null和undefined都表示“无”的概念，但它们的语义和使用场景有着明确的区别。理解这两者的差异对于编写严谨且意图清晰的代码非常重要，尤其是在处理变量状态和API数据时。

定义与产生方式

undefined表示一个变量已被声明但尚未被赋予任何值。它是JavaScript引擎在变量初始化时的默认状态。当一个函数没有明确返回值时，默认也会返回undefined。

let unassigned;
console.log(unassigned); // undefined

function noReturn() {}
console.log(noReturn()); // undefined

相反，null是一个可以被显式赋给变量的值，它表示一个空值或无对象的明确指示。开发者需要主动使用它来表示“这里应该没有值”。

let emptyValue = null;
console.log(emptyValue); // null

类型检查的差异

使用typeof运算符检查它们时，会得到一个令人困惑但需要记住的历史遗留结果。undefined的类型检查符合预期，而null则被错误地识别为对象类型。

console.log(typeof undefined); // "undefined"
console.log(typeof null); // "object"

因此，要准确判断一个值是否为null，必须使用严格相等运算符。

相等性比较的表现

在使用双等号（==）进行松散比较时，null和undefined被视为相等。但在使用三等号（===）进行严格比较时，它们是不等的，因为属于不同的类型。

console.log(null == undefined); // true
console.log(null === undefined); // false

这个特性有时在函数参数检查中会被利用，但明确区分两者通常是更佳实践。

常见的应用场景

undefined通常出现在以下情况：访问对象不存在的属性、函数调用时缺少参数、或变量声明后未初始化。它是一个系统级的、默认的空值状态。

const obj = {};
console.log(obj.property); // undefined

null则是由程序员主动设置的空值。它常见于表示一个对象引用被有意清空、作为函数的参数表示“无对象”、或从API获取数据时表示某个字段为空。

function findUser(id) {
  // 如果未找到，我们明确返回null
  return database.lookup(id) || null;
}

在开发实践中，一个有用的习惯是：让undefined表示“尚未定义”或“意外缺失”，而用null表示“定义且明确为空”。这能使你的代码逻辑更易于理解和维护。在设置默认值时，空值合并运算符（??）会严格区分两者，它只会在值为null或undefined时使用默认值。