JavaScript基本数据类型有哪些？String、Number等7种类型详解

一、基本数据类型与引用类型的核心界限

在深入 7 种类型之前，必须先理清 JavaScript 变量的底层分类逻辑。ECMAScript 中的所有值都可以归结为两类：基本类型与引用类型（对象类型）。初学者常常因为 'abc'.toUpperCase() 这类操作，误以为字符串也是对象。事实上，这种现象来自运行时引擎的临时包装对象（Primitive Wrapper），原始值本身是绝对不可变的。

为了理解基本类型的“按值存储”，我们可以对比变量在栈内存与堆内存中的存取状态。

二、7 种基本数据类型逐一深度解析

1. String（字符串）

字符串用于表示文本数据，在 JavaScript 内部以 UTF-16 编码单元序列形式存储。字符串可以通过单引号 '、双引号 " 或反引号 `（模板字面量）声明。

必须牢记：JavaScript 中的字符串是完全不可变的（Immutable）。调用任何字符串方法（如 slice、replace、toUpperCase）都不会修改原始字符串，而是创建并返回一个全新的字符串。

let text = "JavaScript";
text.toUpperCase(); // 返回 "JAVASCRIPT"
console.log(text);  // 依然是 "JavaScript"，原始值未发生变化

// 尝试修改单个字符会被静默忽略（非严格模式）或抛出错误（严格模式）
text[0] = "Y";
console.log(text); // 依然是 "JavaScript"

2. Number（数值）

与其他许多编程语言不同，JavaScript 的 Number 并不区分整型和浮点型。所有数值都遵照 IEEE 754 标准的 64 位双精度浮点数（Double Precision）存储。

这一底层设计带来了两个经典特性：

• 浮点数精度损耗：二进制无法精确表示类似 0.1 和 0.2 这样的十进制小数，因此 0.1 + 0.2 === 0.30000000000000004，与 0.3 比较结果为 false。解决办法通常是设定允许误差区间（如 Number.EPSILON）或转换为整数运算。
• 安全整数范围：能够被安全精确表示的整数范围在 -(2^53 - 1) 到 2^53 - 1 之间，即 Number.MIN_SAFE_INTEGER 到 Number.MAX_SAFE_INTEGER（9,007,199,254,740,991）。一旦超过该数值，算术运算将丢失精度。

3. BigInt（大整数）

为了解决 Number 无法精确表达超过 53 位大整数的硬伤，ECMAScript 2020 正式引入了 BigInt。它可以表示任意精度的整数，无论是高精度的雪花 ID（Snowflake ID）、密码学密钥还是科学计算，都无需再担心精度截断。

创建 BigInt 非常简单，只需在整数末尾加上字符 n，或者调用 BigInt() 构造函数：

// 超过 Number 安全范围的大整数
const maxSafe = 9007199254740991;
console.log(maxSafe + 1 === maxSafe + 2); // true（发生精度碰撞，计算错误）

const bigNumber = 9007199254740991n;
console.log(bigNumber + 1n === bigNumber + 2n); // false（精确计算）

// 注意事项：BigInt 不能与 Number 发生直接算术混算
try {
  const result = 10n + 5; // 抛出 TypeError: Cannot mix BigInt and other types
} catch (err) {
  console.log("必须显式转换类型后方可相加");
}

4. Boolean（布尔值）

Boolean 仅有两个字面量值：true 和 false，主要用于逻辑判断与分支控制。

虽然类型本身极为纯粹，但在条件判断（如 if 语句）中，JavaScript 会将任意值隐式转换为对应的布尔等价项。在整门语言中，被判定为 falsy（假值） 的只有以下 8 个：

• false
• 0、-0、0n（BigInt 零）
• ""（空字符串）
• null
• undefined
• NaN
• document.all（历史遗留特性）

除以上假值之外的所有值，包括空对象 {}、空数组 []，转换后均为 true（truthy）。

5. Undefined（未定义）

undefined 表示“缺少值”。当一个变量被声明但尚未分配具体数值时，系统会自动为其赋上 undefined 默认值：

let score;
console.log(score); // 输出 undefined

function greet(name) {
  console.log("Hello, " + name);
}
greet(); // 参数未传入，name 值为 undefined

function noReturn() {}
console.log(noReturn()); // 函数无显式 return 时，默认返回 undefined

6. Null（空值）

null 表示“空对象引用”，通常由开发者主动赋值，用来指代一个尚未存在或已被清空的对象容器。

这里存在一个 JavaScript 历史上最著名的 bug：

console.log(typeof null); // 输出 "object"

7. Symbol（符号）

Symbol 由 ES6（ECMAScript 2015）引入，它是一个具有全局唯一性且不可变的原始值。每个通过 Symbol() 产生的实例都是绝不相等的，即使传入相同的描述字符串：

const s1 = Symbol("token");
const s2 = Symbol("token");
console.log(s1 === s2); // false

// 最核心的应用场景：作为对象属性键，杜绝属性名冲突与意外覆盖
const ID_KEY = Symbol("id");
const profile = {
  name: "Bob",
  [ID_KEY]: 9527
};

// 常规的 Object.keys() 或 for...in 无法遍历到 Symbol 属性
console.log(Object.keys(profile)); // ["name"]
console.log(Object.getOwnPropertySymbols(profile)); // [Symbol(id)]

三、精准判断数据类型的决策流程

日常开发中，使用 typeof 并不足以辨识所有基本类型。为了安全、严谨地判断变量的真实类型，推荐遵循如下标准化检测流程：

四、7 种基本数据类型综合速查与最佳实践

为了便于在工程开发与面试复盘中快速检索，我们将 7 种基本类型的核心属性、存储特征、检测手段与常见陷阱整合于下表与总结图中。

五、结语与实践检查清单

掌握 JavaScript 的 7 种基本数据类型，不仅是应对技术面试的基石，更直接决定了在实际工程中对内存控制、逻辑判断和数值运算的把握深度。在编写生产代码时，建议养成以下习惯：

1. 涉及大整数运算（如后端下发的 64 位整型 ID）时，务必使用 BigInt 或保持字符串传输，避免 Number 发生截断。
2. 涉及货币或精密小数计算时，警惕浮点数精度漏洞，优先转换为整数（如单位换算为分）或使用专门的高精度库。
3. 在对象设计中若需添加元数据或私有辅助字段，优先考虑 Symbol 属性以杜绝意外命名冲突。
4. 检查一个值是否为 null 或 undefined 时，若需同时覆盖两者可使用宽松等号 val == null；若需精确定位，则必须使用全等操作符 === null。