数据类型初探：JavaScript 基本数据类型的奥秘

2023-10-23 08:21:01

在 JavaScript 的世界中，数据类型扮演着至关重要的角色，它们决定了变量所存储的值类型。而 JavaScript 的数据类型中，基本数据类型作为基础组成部分，尤为关键。本文将为您揭开 JavaScript 基本数据类型的面纱，带您深入了解它们的特性和妙用。

一、Undefined：定义的空缺

Undefined 类型表示一个未被分配值的变量。当声明一个变量但未赋予它任何值时，它的值即为 Undefined。它类似于数学中的“无穷大”，代表一个未被定义或赋值的未知数。

let x; // 声明未赋值的变量
console.log(typeof x); // 输出 "undefined"

二、Null：空无一物

Null 类型表示一个空值。与 Undefined 不同，Null 是一个有意赋予变量的值，表示该变量没有值或不存在。它常用于明确地表示一个变量没有任何关联的数据。

let y = null; // 明确赋予 null 值
console.log(typeof y); // 输出 "object"（特殊情况）

注意：虽然 JavaScript 中的 Null 类型在 typeof 运算符下显示为 "object"，但它实际上是一个基本类型。

三、Boolean：真假抉择

Boolean 类型代表逻辑真假值，只有两个可能的值：true 和 false。它常用于控制流和条件判断。

let isTrue = true; // true
let isFalse = false; // false

四、Number：数字天地

Number 类型用于存储数字，包括整数、小数和指数。它可以表示科学计数法、十六进制、八进制和二进制等多种进制。

let num = 123; // 整数
let decimal = 3.14; // 小数
let exponent = 1e6; // 科学计数法

五、BigInt：大数之境

BigInt 类型是 ES2020 引入的新增数据类型，用于表示超大整数。它解决了 Number 类型在存储大整数时精度丢失的问题。

let bigInt = 9007199254740991n; // BigInt 类型，末尾加 "n" 后缀

六、String：文字海洋

String 类型存储字符串，即一系列字符序列。它使用双引号 (") 或单引号 (') 括起来。

let str = "Hello, world!"; // 字符串

七、Symbol：唯一标识

Symbol 类型是 ES2015 引入的特殊数据类型，它提供了一种创建唯一标识符的方法。Symbol 值不能被复制，并且不会在严格相等比较中相等。

let sym = Symbol("unique"); // Symbol 值

八、相互转换：数据类型的变换

JavaScript 提供了丰富的类型转换函数，可以将一种基本数据类型转换为另一种。例如：

Number()：将其他类型转换为数字。
String()：将其他类型转换为字符串。
Boolean()：将其他类型转换为布尔值。

九、数据类型详解

数据类型	取值范围	特征
Undefined	未赋值	表示变量未被赋值
Null	无值	表示变量明确没有值
Boolean	true / false	表示逻辑真假值
Number	整数、小数、指数	精度有限，使用 BigInt 存储大整数
BigInt	超大整数	使用 BigInt 类型存储超大整数
String	字符序列	使用双引号或单引号括起
Symbol	唯一标识符	不可复制，严格相等比较不为真

十、实例：购物车

为了更直观地理解数据类型，让我们构建一个简单的购物车示例：

let cart = { // Object 数据类型
  items: ["Apple", "Banana", "Orange"], // Array 数据类型，包含 String 类型元素
  quantity: 3, // Number 类型
  total: 6.00, // Number 类型
  isAvailable: true, // Boolean 类型
};