ECMAScript 六种基本数据类型详解：Undefined、Null 与 Boolean

前言

本文基于 JSRedBook 关于数据类型的章节，主要介绍 ECMAScript 中六种基本类型（原始类型）中的三种：Undefined、Null、Boolean，以及相关的常用操作符。

ECMAScript 的数据类型具有高度灵活性，同一种数据类型在不同语境下可被视为多种类型使用。

typeof 操作符

typeof 操作符用于确定或检测任意变量的数据类型。

类型检测

对任意值使用 typeof 操作符，将返回以下字符串之一：

使用说明

以下是使用 typeof 操作符的具体示例：

 const message = "Hello"
 console.log(typeof(msssage)) // "string"
 console.log(typeof 99 ) // "number"

注意：由于 typeof 是操作符而非函数，因此无需使用括号包裹参数（尽管语法上允许传入参数）。

小知识

调用 typeof null 会返回字符串 "object"。这是因为特殊值 null 在语言规范中被视为对空对象的引用。

注意：严格来说，函数在 ECMAScript 中被归类为对象，并不单独构成一种数据类型；但函数拥有特殊属性，因此需通过 typeof 操作符来区分函数与其他普通对象。

Undefined 类型

Undefined 类型仅有一个值，即特殊值 undefined。

引入该特殊值的目的，是为了正式明确区分空对象指针（null）与未初始化变量之间的区别。

练习场景

当使用 var 或 let 声明变量但未进行初始化时，该变量即被赋予 undefined 值，示例如下：

 let message; 
 console.log(message == undefined); // true 

变量 message 在声明时未初始化，因此将其与 undefined 字面值进行比较时，两者相等。

再来看另一个示例：

 let message = undefined; 
 console.log(message == undefined); // true

这种预定义是不必要的，因为默认情况下，任何未经初始化的变量都会自动取得 undefined 值。

注意：一般建议永远不要显式地给变量设置 undefined 值。字面值 undefined 主要用于比较操作，且在 ECMA-262 第 3 版之前该字面值并不存在。

undefined 与 not defined 的区别

包含 undefined 值的变量与未定义（not defined）的变量存在区别，示例如下：

 let message;   // 这个变量被声明了，只是值为 undefined 
 // let age;  确保没有声明过这个变量
 ​
 console.log(message); // "undefined" 
 console.log(age); // 报错；

在上述示例中，第一个 console.log 输出 message 的值，因变量已声明但未初始化，故结果为 "undefined"；而第二个 console.log 尝试输出未声明变量 age 的值，这将导致报错。

注意：对于未声明的变量，唯一有用的操作是对其调用 typeof。（对未声明变量调用 delete 虽不报错，但无实际意义，且在严格模式下会抛出错误。）

使用 typeof 检测 undefined

对未初始化变量调用 typeof 时，返回结果为字符串 "undefined"；但对未声明变量调用时，结果同样是 "undefined"，这容易引发混淆。示例如下：

 let message; //这个变量被声明了，只是值为 undefined 
 // 确保没有声明过这个变量
 ​
 // let age 
 console.log(typeof message); // "undefined"
 console.log(typeof age); // "undefined"

这看似奇怪（⊙ˍ⊙），为何无论变量是否声明，typeof 均返回字符串 "undefined"？

严格来说，这两个变量存在根本性差异，但由于它们都无法执行实际操作，因此 typeof 均返回 undefined。

注意：尽管未初始化变量会自动被赋予 undefined 值，但仍建议在声明变量时同时进行初始化。这样，当 typeof 返回 "undefined" 时，可明确判断该变量尚未声明，而非仅声明未初始化。

小知识

undefined 是一个假值（falsy value）。

但存在许多其他假值，因此必须明确检测的是 undefined 字面值，而非仅判断假值。示例如下：

 let message; // 这个变量被声明了，只是值为 undefined 
 ​
 if (message) { 
  // 这个块不会执行
 } 
 ​
 if (!message) { 
  // 这个块会执行
 } 
 ​
 if (age) { // age 没有声明 
  // 这里会报错
 }

Null 类型

null 值表示一个空对象指针。

练习场景

因其值表示空对象指针，使用 typeof 检测一个 null 值时会返回 "object"，示例如下：

 const test = null;
 console.log(typeof test);   // "object"  

建议：在定义将来可能保存对象值的变量时，建议使用 null 进行初始化，避免使用其他值。

这样，只需检查该变量值是否为 null，即可判断该变量后续是否被重新赋予了对象引用。示例如下：

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

注意：使用等于操作符（==）比较 null 和 undefined 始终返回 true。

因为 undefined 值是由 null 值派生而来，因此 ECMA-262 规范将它们定义为表面相等。示例如下：

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

小知识

即使 null 和 undefined 存在关联，它们的用途也完全不同。

如前所述，永远不必显式地将变量值设置为 undefined；但 null 不同：任何时候，只要变量需保存对象而当前无可用对象，就应使用 null 填充该变量。这能保持 null 作为空对象指针的语义，并进一步将其与 undefined 区分开来。

此外：null 也是一个假值，其检测方法上述 undefined 一致。

Boolean 类型

Boolean（布尔值）类型是 ECMAScript 中使用最频繁的类型之一，包含两个字面值：true 和 false。

• 这两个布尔值不同于数值，因此 true 不等于 1，false 不等于 0。

练习场景

布尔值字面量 true 和 false 是区分大小写的。

因此 True 和 False（及其他大小写混写形式）是有效的标识符，但不是布尔值。示例如下：

 const a = true; // ✅
 const b = false; // ✅
 const c = True; // 报错：True is not defined

类型转换

虽然布尔值仅有两种，但所有其他 ECMAScript 类型的值都有相应的布尔值等价形式。

要将其他类型的值转换为布尔值，可调用特定的 Boolean()转型函数。示例如下：

 const message = "Hello juejin";
 const remessage = Boolean(message); // true

在上述示例中，字符串 message 会被转换为布尔值并保存在变量 remessage 中。

转换表

Boolean()转型函数 可在任意类型数据上调用，且始终返回布尔值；何种值能转换为 true 或 false 的规则取决于数据类型及具体值。

下表总结了不同类型与布尔值之间的转换规则：

此表至关重要，基本布尔转换均依赖于此表。

if 中的转换

像 if 等流控制语句会自动执行其他类型值到布尔值的转换。示例如下：

 const test = "Hey";
 if (test) { 
     console.log("Value is True");
 }
 // "Value is True"

上述示例中，字符串 test 会被自动转换为等价的布尔值 true，因此成功输出 "Value is True"；

由于存在这种自动转换，理解控制流语句中使用的是何种变量至关重要。错误地使用对象而非布尔值会显著改变应用程序的执行流程。

总结

• typeof 操作符用于确定任意变量的数据类型。
• undefined 属性表示变量未被赋值，或者根本未被声明。
• undefined 字面值主要用于比较操作。
• null 值表示一个空对象指针。
• null 用来填充一个要保存对象，而当时又没有那个对象可保存的变量。
• Boolean 包含两个字面值：true 和 false，泛指正确与错误。
• Boolean()转型函数 可在任意类型的数据上调用，且始终返回一个布尔值。

到此这篇关于 ECMAScript 的 6 种简单数据类型的文章就介绍到这了，更多相关 ECMAScript 数据类型内容请搜索本站以前的文章或继续浏览下面的相关文章，希望大家以后多多支持本站！