在 JavaScript 中，null 和 undefined 都表示值的缺失，但它们有细微的差别，并在不同的场景下使用。
undefined
- 含义: 表示变量已声明但尚未赋值。也可以理解为变量的默认初始状态。JavaScript 引擎会自动给未赋值的变量赋予
undefined值。 - 场景:
- 访问未定义的变量：尝试访问一个不存在的变量会返回
undefined。 - 函数没有显式返回值：如果一个函数没有使用
return语句，它会隐式地返回undefined。 - 函数参数缺失：当函数调用时未提供可选参数，该参数的值将为
undefined。 - 对象属性不存在：访问对象中不存在的属性会返回
undefined。 - 使用
void运算符：void运算符会对任何表达式求值，然后返回undefined。
- 访问未定义的变量：尝试访问一个不存在的变量会返回
null
- 含义: 表示变量有意地被设置为没有值。它是一个赋值值，表示空或不存在。 可以理解为开发者明确地告诉 JavaScript：这个变量现在没有值。
- 场景:
- 初始化变量，表示它还没有值，但预计将来会有值。
- 清除变量的值：将变量设置为
null可以释放其引用的对象，以便垃圾回收。 - 函数有意返回空值：表示函数执行完成，但没有有意义的值需要返回。
- 与某些 DOM API 交互：一些 DOM 方法在找不到元素时返回
null。
关键区别总结
| 特性 | undefined |
null |
|---|---|---|
| 含义 | 变量未赋值 | 变量被赋值为空值 |
| 类型 | undefined |
object (历史遗留问题) |
| 场景 | 自动分配, 表示缺少值 | 手动分配, 表示空值 |
| 最佳实践 | 通常不应手动赋值 undefined |
主动清空或初始化一个变量时使用 |
示例
let myVariable; // myVariable 的值为 undefined
console.log(myVariable); // 输出 undefined
myVariable = null; // myVariable 的值现在为 null
console.log(myVariable); // 输出 null
function myFunction() {
// 没有 return 语句，隐式返回 undefined
}
console.log(myFunction()); // 输出 undefined
const myObject = {};
console.log(myObject.nonExistentProperty); // 输出 undefined
console.log(void 0); // 输出 undefined
Loose vs. Strict Equality
使用 == (loose equality) 比较 null 和 undefined 会返回 true，因为它们被认为是松散相等的。但使用 === (strict equality) 比较则会返回 false，因为它们类型不同。 最佳实践是使用 === 进行比较，以避免潜在的类型转换问题。
总而言之，undefined 表示变量未被赋值，是 JavaScript 引擎的行为；而 null 表示变量被显式地赋值为空，是开发者的行为。理解它们的区别有助于编写更清晰、更健壮的 JavaScript 代码。