哪种ECMAScript6数据类型既简单又强大，能问出长尾词？

本文共计2923个文字，预计阅读时间需要12分钟。

目录前言typeof 操作符类型检测使用说明小知识Undefined 类型类型与 undefined 的区别使用 typeof 检测 undefined小知识Null 类型类型与 null 的区别使用 typeof 检测 null小知识Boolean 类型类型与 Boolean 的区别使用 typeof 检测 Boolean类型

目录

• 前言
• typeof 操作符
• 类型检测
• 使用说明
• 小知识
• Undefined 类型
• 练习场景
• undefined 与 not defined 的区别
• 使用 typeof 检测 undefined
• 小知识
• Null 类型
• 练习场景
• 小知识
• Boolean 类型
• 练习场景
• 类型转换
• 转换表
• if 中的转换
• 总结

前言

本文为JSRedBook数据类型， 主要讲述ECMAScript的 6 种简单数据类型（原始类型）中的其中三种：Undefined、Null、Boolean以及常用的操作符。

ECMAScript的数据类型很灵活，一种数据类型可以当作多种数据类型来使用

typeof 操作符

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

类型检测

对一个值使用typeof操作符会返回下列字符串之一：

数据类型检测结果undefined表示值为 未定义boolean表示值为 布尔值string表示值为 字符串number表示值为 数值symbol表示值为 符号function表示值为 函数object表示值为 对象 或 null

使用说明

下面是使用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值的变量跟未定义变量是有区别的，如下：

 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"？。

因为严格来讲这两个变量存在根本性差异，但它们都无法执行实际操作，所以都返回undefined。

注意：即使未初始化的变量会被自动赋予undefined值，但仍然建议在声明变量的同时进行初始化。这样当typeof返回 "undefined"时，你就会知道那是因为给定的变量尚未声明，而不是声明了但未初始化。

undefined是一个假值。

但是也有很多其他的值可能也是假值，所以一定要明确自己想检测的就是 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的规则取决于数据类型和实际的值。

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

数据类型转换为 true 的值转换为 false 的值BooleantruefalseString非空字符串""（空字符串）Number非零数值（包括无穷值）0，NaNObject任意对象nullUndefinedN/A（不存在）undefined

这个表非常重要，基本布尔转换都得依靠这个表

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数据类型内容请搜索自由互联以前的文章或继续浏览下面的相关文章希望大家以后多多支持自由互联！