JavaScript的7种基本数据类型有哪些

在 ECMAScript 规范中，JavaScript 的数据类型被划分为两大阵营：基本数据类型（Primitive Types，亦称原始数据类型）与引用数据类型（Reference Type，即 Object）。截至当前最新 ECMAScript 规范，JavaScript 中包含且仅包含 7 种基本数据类型，分别是：String（字符串）、Number（数值）、BigInt（大整数）、Boolean（布尔值）、Undefined（未定义）、Null（空值）和 Symbol（符号）。

掌握这 7 种基本数据类型的定义、内存表征方式以及类型判定规则，是编写健壮、无偶发类型隐患代码的基础。本文将依次剖析它们的内存模型、语言特性、识别方式与实际工程中的易混淆陷阱。

一、基本数据类型的本质与内存模型

基本数据类型之所以被称为“原始类型”，核心在于它们具备两个不可妥协的底层特征：

• 不可变性（Immutable）： 原始值一旦创建，其在内存中的内容便无法被直接更改。所有针对原始值的操作（例如字符串拼接、截取、数值计算），本质上都是在内存中计算出新值并重新分配，原有的原始值未曾改变。
• 按值访问与栈分配： 基本数据类型的值通常占据固定大小的内存空间，直接保存在执行上下文的栈内存（Stack）中。在变量赋值与参数传递时，传递的是值本身的完整拷贝，而非引用地址。

二、7 种基本数据类型深度详解

1. String（字符串）

字符串是由 0 个或多个 16 位 Unicode 字符组成的有序序列。在 JavaScript 中，可以使用单引号（'）、双引号（"）或反引号（` 模板字面量）进行声明。

const singleQuote = '前端工程';
const doubleQuote = "JavaScript 数据类型";
const templateLiteral = `当前主题：${doubleQuote}，长度：${doubleQuote.length}`;

不可变性验证： 对字符串的任何索引赋值或调用字符串方法（如 slice()、toUpperCase()），都不会修改原字符串，而是返回一个全新的字符串。

let str = "hello";
str[0] = "H"; // 在非严格模式下静默失效，严格模式下抛出 TypeError
console.log(str); // 输出依然是 "hello"

2. Number（数值）

JavaScript 的 Number 类型基于 IEEE 754 标准的 双精度 64 位二进制浮点数（Double Precision Floating-Point）实现。这意味着 JavaScript 中没有传统的整型与浮点型之分，所有数字都是浮点表示。

该规范规定了数值能够安全表达的整数范围为：[-(2^53 - 1), 2^53 - 1]，即常量 Number.MIN_SAFE_INTEGER 到 Number.MAX_SAFE_INTEGER（9007199254740991）。超出这一范围的整数计算可能会丢失精度。

const integerVal = 42;
const floatVal = 3.1415926;
const hexVal = 0xff; // 十六进制

// 特殊数值
console.log(1 / 0);          // Infinity (正无穷)
console.log(-1 / 0);         // -Infinity (负无穷)
console.log(0 / 0);          // NaN (Not-a-Number，表示非数值)
console.log(typeof NaN);     // "number"
console.log(NaN === NaN);    // false (NaN与任何值包括自身均不全等)

3. BigInt（大整数）

BigInt 是 ES2020 引入的基本数据类型，专门用于解决 Number 无法安全处理超过 64 位浮点数安全整数范围的限制。无论是千位超长 ID、高精度时间戳还是密码学大数，均可由 BigInt 精确表示。

创建 BigInt 只需在整数字面量后追加字符 n，或调用 BigInt() 构造函数：

const safeMax = Number.MAX_SAFE_INTEGER; // 9007199254740991
console.log(safeMax + 1 === safeMax + 2); // true，精度丢失！

const bigIntVal = 9007199254740991n;
console.log(bigIntVal + 1n === bigIntVal + 2n); // false，计算精准

// BigInt 与 Number 不能进行隐式混合算术运算
try {
  const result = 10n + 5; // 抛出 TypeError: Cannot mix BigInt and other types
} catch (e) {
  console.log("必须显式转换类型：", 10n + BigInt(5)); // 15n
}

4. Boolean（布尔值）

Boolean 类型仅有两个字面量值：true 和 false，区分大小写（True 或 FALSE 不是布尔值）。布尔值常作为控制流程判断的基础依据。

在条件判断语句中，任何表达式都会经历隐式转换为布尔值的过程。JavaScript 中被转换后为 false 的假值（Falsy）固定只有以下 8 个：

1. false
2. 0、-0、0n（BigInt零）
3. ""（空字符串）
4. null
5. undefined
6. NaN
7. document.all（浏览器特定历史兼容对象）

除上述假值以外，所有其他值（包括空数组 []、空对象 {}、字符串 "false"）在逻辑上下文中均被视为真值（Truthy）。

5. Undefined（未定义）

Undefined 类型只有一个唯一的值，即 undefined。它在语义上代表“变量已被声明，但尚未被赋予具体值”。

let uninitializedVar;
console.log(uninitializedVar); // undefined

function doNothing() {}
console.log(doNothing());      // undefined (函数没有显式return时的默认返回值)

const obj = { name: "Ku-AiFram" };
console.log(obj.nonExistent);  // undefined (访问对象上未定义的属性)

尽管可以通过全局属性 undefined 访问该值，但建议不要给变量手动赋值为 undefined，将其保留为系统默认的未初始化标识即可。

6. Null（空值）

Null 类型同样只有一个值，即 null。它在语义上代表“一个空对象指针”或“主动清空的引用”。

let activeResource = null; // 显式指示当前资源为空，待后续加载实例

// 原型链终点
console.log(Object.getPrototypeOf(Object.prototype)); // null

历史遗留的 typeof 缺陷： 运行 typeof null 时，返回的结果是 "object"，这是 1995 年 JavaScript 第一版实现中遗留下来的历史 Bug。当时底层将类型标签保存在值的低位中，对象的标签是 000，而 null 被表示为空指针（全零），因此被错误判断成了对象。ECMAScript 规范出于对既有网络代码兼容性的考虑，将此行为永久保留了下来。

7. Symbol（符号）

Symbol 是 ES6（ECMAScript 2015）引入的基本数据类型。它的核心作用是生成一个全局独一无二、不可变的值，通常用来作为对象属性的键，以彻底避免属性名冲突。

const sym1 = Symbol("token");
const sym2 = Symbol("token");

console.log(sym1 === sym2); // false，每次调用 Symbol() 均产生独立唯一值

// 用作对象属性名，避免多人协作时被意外覆盖
const PRIVATE_ID = Symbol("id");
const user = {
  name: "Alice",
  [PRIVATE_ID]: "USR-9981"
};

// 常规枚举方法无法直接读取 Symbol 属性
console.log(Object.keys(user)); // ["name"]
console.log(Object.getOwnPropertySymbols(user)); // [Symbol(id)]

三、基本数据类型的判断决策树与实战排查

在实际编码中，准确判断变量类型是参数校验与防守式编程的核心环节。常用的检测方式包括 typeof 运算符、全等比对（===）与 Object.prototype.toString.call()。针对基本数据类型，我们推荐遵循如图 2 所示的排查决策逻辑。

高阶通用判定方案

如果需要在一段公共底层工具函数中精准识别变量的具体类型，推荐结合 Object.prototype.toString.call()：

function getExactType(val) {
  // 返回形如 "[object String]", "[object Null]", "[object Symbol]" 等字符串
  return Object.prototype.toString.call(val).slice(8, -1).toLowerCase();
}

console.log(getExactType("abc"));       // "string"
console.log(getExactType(100));         // "number"
console.log(getExactType(100n));        // "bigint"
console.log(getExactType(true));        // "boolean"
console.log(getExactType(undefined));   // "undefined"
console.log(getExactType(null));        // "null" (绕过了 typeof null 的缺陷)
console.log(getExactType(Symbol("k"))); // "symbol"

四、容易混淆的特性对比与边界防坑

在日常开发与技术面试中，基本数据类型有几个极高频出现的易混淆对比点。图 3 提炼了三组最具代表性的对比特征：

1. `null == undefined` 与 `null === undefined`

在使用双等号宽松比对时：null == undefined 返回 true，因为在 ECMAScript 的抽象相等比较算法（Abstract Equality Comparison）中，明确规定了 null 与 undefined 互相宽松相等，且不与其他任何假值相等。

但在严格全等模式下：null === undefined 返回 false，因为两者的类型标签直接不同（一个是 Null，一个是 Undefined）。在工程开发中，应始终坚持使用 === 进行严格校验。

2. 包装对象（Primitive Wrapper Objects）与自动装箱

初学者常常产生疑问：既然 string 是原始数据类型，为什么可以直接执行 "hello".toUpperCase() 这样的方法调用？

这是因为 JavaScript 引擎具备自动装箱（Autoboxing）机制。当尝试访问基本类型的属性或方法时，引擎会在后台自动创建一个对应的临时包装对象（如 new String("hello")），调用完毕后立即销毁该临时对象，因此开发者既能享受类似对象的便捷 API，又保留了原始值高效的栈内存性能。

五、7种基本数据类型工程速查手册

为便于日常开发查阅与团队规范统一，图 4 汇整了 7 种基本数据类型的字面量定义、typeof 返回值、典型场景以及关键规约：

六、总结与关键认知

综上所述，回答“JavaScript 的 7 种基本数据类型有哪些”这一核心命题时，应当准确列出：String、Number、BigInt、Boolean、Undefined、Null 与 Symbol。在日常工程实践中，还需牢记以下三项判定与应用原则：

• 牢记内存存储本质： 基本类型保存在栈内存中，值本身不可被修改；对象保存在堆内存中，变量只保存引用地址。
• 绕过 typeof 历史陷阱： typeof null 返回 "object" 是历史遗留行为，判断 null 请直接使用 val === null。
• 重视新特性的边界限制： 面对超长整数采用 BigInt，但绝不能与普通 Number 进行隐式算术运算；构建防覆盖属性名时优先使用 Symbol。