JavaScript 数据类型详解：从基础到高级

JavaScript 数据类型详解：从基础到高级

zh.javascript.info 现代 JavaScript 教程（The Modern JavaScript Tutorial），以最新的 ECMAScript 规范为基准，通过简单但足够详细的内容，为你讲解从基础到高阶的 JavaScript 相关知识。 项目地址: https://gitcode.com/gh_mirrors/zh/zh.javascript.info

引言

在编程语言中，数据类型是构建程序的基础元素。JavaScript 作为一门动态类型语言，其数据类型系统既有灵活性也有特殊性。本文将全面解析 JavaScript 中的数据类型体系，帮助开发者建立清晰的数据类型认知模型。

JavaScript 数据类型概览

JavaScript 中共有 8 种基本数据类型，可分为两大类：

1. 原始类型（Primitive Types）：

   • Number（数字）
   • BigInt（大整数）
   • String（字符串）
   • Boolean（布尔值）
   • Null（空值）
   • Undefined（未定义）
   • Symbol（符号）

2. 引用类型（Reference Type）：

   • Object（对象）

原始类型详解

1. Number 类型

Number 类型用于表示整数和浮点数（小数）。其特点包括：

let integer = 100;      // 整数
let float = 3.14159;    // 浮点数

特殊数值：

• Infinity 和 -Infinity：表示数学上的无穷大
• NaN（Not a Number）：表示计算错误

console.log(1 / 0);        // Infinity
console.log(Math.sqrt(-1)); // NaN

重要特性：

• JavaScript 中所有数字都以 64 位浮点数格式存储（IEEE 754 标准）
• 存在精度问题（如 0.1 + 0.2 !== 0.3）
• 安全整数范围为 ±(2^53 -1)

2. BigInt 类型

BigInt 是 ES2020 新增类型，用于表示任意长度的整数：

const bigInt = 1234567890123456789012345678901234567890n;

使用场景：

• 处理超过 Number 安全范围的整数
• 密码学、高精度时间戳等场景

3. String 类型

字符串用于表示文本数据，有三种表示方式：

let single = '单引号';
let double = "双引号";
let template = `模板字符串 ${single}`;

模板字符串特性：

• 支持多行文本
• 支持表达式插值（${expression}）

4. Boolean 类型

布尔类型只有两个值：true 和 false，常用于逻辑判断：

let isAdult = true;
let isChild = false;

5. Null 和 Undefined

• null：表示"无"、"空"或"值未知"的特殊值
• undefined：表示"未定义"（变量已声明但未赋值）

let empty = null;      // 明确赋值为空
let notDefined;        // 默认值为 undefined

最佳实践：

• 主动赋空值使用 null
• 让未初始化的变量保持 undefined

6. Symbol 类型

Symbol 是 ES6 新增类型，用于创建唯一标识符：

let id = Symbol("unique identifier");

引用类型：Object

Object 是 JavaScript 中最复杂的数据类型，用于存储数据集合和更复杂的实体：

let user = {
  name: "张三",
  age: 30
};

Object 类型将在后续章节详细讲解。

类型检测：typeof 运算符

typeof 用于检测变量类型：

typeof "hello"   // "string"
typeof 42        // "number"
typeof true      // "boolean"
typeof undefined // "undefined"
typeof null      // "object" (历史遗留问题)
typeof {}        // "object"
typeof Symbol()  // "symbol"
typeof 10n       // "bigint"

注意事项：

• typeof null 返回 "object" 是语言设计错误
• 函数会返回 "function"，尽管函数本质是对象

类型转换机制

JavaScript 是弱类型语言，会自动进行类型转换：

"10" + 20    // "1020" (字符串拼接)
"10" - 5     // 5 (自动转为数字)

显式转换方法：

• Number(value)
• String(value)
• Boolean(value)

最佳实践

1. 始终使用 === 严格相等运算符避免隐式转换
2. 明确变量用途，避免频繁改变类型
3. 大整数使用 BigInt 而非 Number
4. 需要唯一标识时使用 Symbol
5. 主动初始化变量，减少 undefined 使用

总结

JavaScript 的数据类型系统既灵活又复杂。理解这些类型的特性和行为对于编写健壮的代码至关重要。原始类型直接存储值，而对象类型存储引用。掌握类型转换规则和 typeof 运算符的使用，能够帮助开发者更好地调试和优化代码。

在后续学习中，我们将深入探讨每种类型的详细特性和使用场景，特别是复杂的 Object 类型及其相关概念。

zh.javascript.info 现代 JavaScript 教程（The Modern JavaScript Tutorial），以最新的 ECMAScript 规范为基准，通过简单但足够详细的内容，为你讲解从基础到高阶的 JavaScript 相关知识。 项目地址: https://gitcode.com/gh_mirrors/zh/zh.javascript.info