是谁偷了你的变量：null、undefined和未声明变量的侦探故事

2023-07-15 17:30:43

掌握null、undefined和未声明变量：JavaScript开发者的变量侦探之旅

在JavaScript的广阔世界中，变量扮演着至关重要的角色。它们存储着数据，使程序得以运作。然而，当涉及到null、undefined和未声明变量时，事情往往会变得棘手。这三个概念经常让人困惑，但理解它们之间的细微差别对于JavaScript开发至关重要。让我们踏上一次变量侦探之旅，揭开这些概念的神秘面纱。

null：空如白纸，静待填充

想象一张干净的画布，它还没有任何笔触或颜色。这就是null——一个代表“空对象”的特殊值。当我们明确将一个变量的值设置为null时，就表示该变量目前没有任何值，但它随时可以被重新赋值。它就像一张空白的画布，等待着我们用数据填充。

代码示例：

let emptyCanvas = null;

undefined：未曾定义，何来存在

undefined代表一个变量尚未被定义或尚未被赋值。它就像一个还没有被创建的画布，什么都没有。当我们试图访问一个未定义的变量时，就会得到undefined。它表明这个变量还没有准备好，需要先进行初始化。

代码示例：

let undefinedCanvas;

未声明变量：无影无形，查无此人

未声明变量是指一个根本没有在JavaScript代码中声明的变量。它就像一个不存在的画布，根本没有被创建。当我们试图访问一个未声明的变量时，就会抛出一个ReferenceError错误。它表明我们试图使用一个从未被创造过的事物。

代码示例：

canvas; // ReferenceError: canvas is not defined

侦探技巧：识别变量的真面目

区分这三个概念需要敏锐的侦探技巧。让我们探索一些方法：

类型检查： 使用typeof运算符可以检查变量的类型。null的类型是"object"，undefined的类型是"undefined"，而未声明变量的类型也是"undefined"。
比较运算符： 使用==运算符进行比较时，null和undefined是相等的，但它们与未声明变量不相等。使用===运算符进行严格比较时，null、undefined和未声明变量都不相等。
三元运算符： 三元运算符可以用来检查变量的值是否为null或undefined。如果变量的值为null或undefined，则三元运算符返回true，否则返回false。
非布尔值： null和undefined都是非布尔值，这意味着它们在布尔上下文中会被强制转换为false。
短路求值： null和undefined在短路求值中会表现出特殊性。当它们出现在逻辑运算符的右侧时，会阻止运算符继续求值，并直接返回null或undefined。

避免侦探困境：变量声明的艺术

作为一名JavaScript开发者，避免变量侦探的困扰至关重要。以下是几个简单的技巧：