JavaScript Null类型详解：定义、用途及与Undefined的区别

在 JavaScript 中，Null类型属于基本数据类型之一，其唯一取值为 null。该值通常用于表示有意指向空对象指针的状态，即不指向任何具体对象。从逻辑层面看，null 代表一个空对象指针，这也解释了为何执行 typeof null 会返回 "object"，这是 JavaScript 早期的设计遗留问题。

let car = null; 
console.log(typeof car); // "object"，JavaScript的历史遗留 Bug，不代表null是对象
//具体原因:不同的对象在底层都表现为二进制，
//在 JavaScript 中二进制前三位都为 0 的话会被判断为 object 类型， 
//null 的二进制全部为 0，自然前三位也是 0，
//所以执行 typeof 值会返回 object。

在定义未来可能保存对象引用的变量时，建议显式使用 null 进行初始化，避免使用其他默认值。这样做的好处是，后续只需检查该变量是否等于 null，即可判断该变量是否已被重新赋值为一个对象引用。

if (car != null) {  
 // car 是一个对象的引用 
}

初始化变量

预先声明一个变量，并明确标识其当前不指向任何对象。

let futureObject = null; // 表明该变量准备在将来容纳一个对象

清空对象引用

当某个对象不再被需要时，将其引用设置为 null。这一操作有助于通知垃圾回收机制释放相关内存资源。

let myHeavyObject = { ... }; // 一个占用大量内存的对象
// ... 使用完成后
myHeavyObject = null; // 断开引用，提示可以回收内存

函数的返回值

当函数未能找到有效结果或操作失败时，返回 null 以明确表达“无结果”的状态。

function findUser(id) {
  const user = users.find(u => u.id === id);
  return user || null; // 找到用户返回用户对象，否则返回 null
}

DOM 操作

在执行 DOM 查询且未找到对应元素时，相关 API 通常会返回 null。

const nonExistentElement = document.getElementById('does-not-exist');
console.log(nonExistentElement); // null

如何安全地检测与处理 null ？

//正确检测 null
//由于 typeof的 Bug，最可靠的方法是使用严格相等运算符（===）
if (myVar === null) {
  // 明确处理 myVar 为 null 的情况
}

//安全地访问可能为 null的属性
//在尝试访问 null（或 undefined）的属性时，JavaScript 会抛出 TypeError。
//可选链操作符（?.） ：如果遇到 null或 undefined就立即停止访问，返回 undefined
let name = user?.profile?.name; // 如果 user 或 profile 为 null/undefined，name 则为 undefiend
//空值合并操作符（??） ：为 null或 undefined提供一个默认值
let displayName = user?.profile?.name ?? '匿名用户'; // 如果名字为空，则显示'匿名用户'

与 undefined 的区别

undefined值是由null值派生而来的，在ECMA-262将它们定义为表面上相等。

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

尽管 null 和 undefined 存在关联，但它们的用途截然不同。不应显式地将变量值设置为 undefined；当访问未声明或未赋值的变量时，JavaScript 会自动返回 undefined。对于声明时未初始化的变量，JavaScript 会自动将其赋值为 undefined。

然而，只要变量旨在保存对象且当前无具体对象可赋值，就必须手动使用 null 填充该变量。null 不会由 JavaScript 自动赋值，必须通过手动赋值来维持其作为“空对象指针”的语义，从而与 undefined 明确区分。

虽然 undefined 和 null 在非严格相等比较（==）中结果为 true，但二者存在本质区别。

特性	undefined	null
含义	表示变量处于自然的、未初始化的原始状态。	表示一个被人为主动赋值的空对象指针，代表"空值"。
数据类型	typeof返回 "undefined"。	typeof返回 "object"（这是历史遗留问题）。
严格相等	undefined === null的结果为 false。
转换为数字	Number(undefined)的结果是 NaN。	Number(null)的结果是 0。

到此这篇关于JavaScript中Null类型的实现的文章就介绍到这了,更多相关JavaScript Null类型内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站！

JavaScript中Null类型的实现与最佳实践