打探JavaScript Null和Undefined的秘密

前端

2023-09-26 18:58:45

Null 和 Undefined：JavaScript 中独树一帜的原语数据类型

在 JavaScript 的广袤世界中，数据类型担任着至关重要的角色，而 Null 和 Undefined 则是其中独树一帜的原语。它们共同代表着不存在的值，但却有着微妙而重要的差别。

Null：已知未知

Null 是一个特殊的类型，它表示一个变量被有意指派的值，但目前还没有一个合法的对象值。它就像一个空荡荡的盒子，明确地指出该变量尚未分配任何值。它是一个 "已知未知"，表明你清楚地知道该变量还没有被赋值。

Undefined：未知的未知

与 Null 不同，Undefined 表示一个变量还没有被声明，或者它被声明了但没有被赋予任何值。它是一个 "未知的未知"，你甚至不知道这个变量是否存在。就像一个尚未开垦的荒地，它还处于一种未被定义的状态。

实际应用：汽车颜色之谜

为了更好地理解 Null 和 Undefined 的差异，让我们举一个汽车颜色的例子。假设你正在编写一个程序来管理汽车颜色。你创建了一个变量 carColor 来存储汽车的颜色。

情况 1： 如果汽车还没有喷漆，你可以将 carColor 的值设为 Null。这表明 carColor 已经声明，但目前没有颜色值。
情况 2： 如果 carColor 变量还没有创建，那么它将被解释为 Undefined。这是因为该变量尚未存在，你甚至不知道它的存在。

类型检查：对象和未定义

在进行类型检查时，Null 和 Undefined 表现得截然不同。typeof Null 返回 "object"，而 typeof Undefined 返回 "undefined"。这是 JavaScript 中的一个小怪癖。Null 在某种意义上是一个对象，Undefined 是一个不存在的对象。记住这一点很重要，因为这可能会让你感到困惑。

逻辑比较：假兄弟

Null 和 Undefined 在逻辑比较中有着令人惊讶的行为。当它们彼此比较时，总是返回 false。这是因为 JavaScript 有一个特殊的规则：Null 和 Undefined 被认为是相等的，但它们并不严格相等。它们在某种程度上相同，但在其他方面又不同。这种复杂性是 JavaScript 独有的，也是人们经常抱怨的原因之一。