
[toc]

> 在前端开发中，**数据类型**是构建一切逻辑的原子。

在 JavaScript（ECMAScript 标准）中，数据类型主要分为两大类：**基本数据类型（Primitive）** 和 **引用数据类型（Reference）**。目前共有 **8 种**。

# JavaScript 的 8 大数据类型

在 JavaScript 的世界里，数据被分为两大阵营：**基本数据类型（Primitive）** 和 **引用数据类型（Reference）**。截至目前的 ECMAScript 标准，共有 **8 种** 原生数据类型。

---

## 一、 基本数据类型（值类型）

基本类型存放在内存的 **栈（Stack）** 中，特点是：**值直接存储在变量访问的位置**。

### 1. Number (数值)

包含整数和浮点数，还有特殊的 `NaN`（Not a Number）和 `Infinity`。

* **例子：** `let age = 25;`, `let price = 99.99;`, `let nan = NaN;` (非数字)。

### 2. String (字符串)

用于表示文本，可以使用单引号、双引号或反引号（模板字符串）。

* **例子：** `let name = "兮动人";` 或 

```javascript
let greeting = Hello, ${name};
```

### 3. Boolean (布尔值)

只有两个逻辑值。

* **例子：** `let isLogin = true;`

### 4. Undefined (未定义)

变量已声明但未初始化时的默认值。
当一个变量被声明了但没赋值时，它的默认值就是 `undefined`。

* **例子：**

```javascript
let x; // x 的值就是 undefined
```

### 5. Null (空值)

表示一个空对象的指针。通常用于主动释放对象引用。
>表示一个“空”的对象引用。有趣的是，`typeof null` 会返回 `"object"`，这是 JS 历史遗留的一个著名 Bug。

* **例子：** `let user = null;`

### 6. Symbol (符号) - ES6 引入

表示独一无二的值，常用于解决对象属性名冲突问题。

* **例子：**

```javascript
let id = Symbol("key");
```

### 7. BigInt (任意精度整数) - ES10 引入

用于表示大于  的整数（Number 类型的安全上限）。

* **例子：**

```javascript
let bigNum1 = 9007199254740991n;
```

---

## 二、 引用数据类型（对象类型）

### 8. Object (对象)

存放在内存的**堆（Heap）**中。变量名在栈中存储的不是值本身，而是一个**指向堆内存地址的指针**。

除了普通对象 `{}`，以下本质上也属于 Object：
* **普通对象：** `let user = { name: "xdr630", age: 22 };`
* **Array (数组)：** `[1, 2, 3]`
* **Function (函数)：** `function() {}`
* **Date (日期)、RegExp (正则) 等。**

---

## 三、 核心区别对比

| 特性 | 基本数据类型 (Primitive) | 引用数据类型 (Reference) |
| --- | --- | --- |
| **存储位置** | **栈 (Stack)** | **堆 (Heap)** |
| **赋值表现** | 值的拷贝（修改副本不影响原值） | 地址的拷贝（修改副本会改变原对象） |
| **大小** | 占用空间固定、小 | 占用空间大、不固定 |
| **比较** | 比较的是 **值** 是否相等 | 比较的是 **内存地址** 是否相同 |

---

## 四、 如何精准判断类型？

在实际开发中，经常用到以下三种方式：

1. **`typeof`**: 简单好用，但无法区分 `null` 与 `object`（都会返回 `"object"`），也无法区分数组。
2. **`instanceof`**: 用于判断某个实例是否属于某个构造函数（如 `arr instanceof Array`）。
3. **`Object.prototype.toString.call()`**: **最强方案**。能精准返回 `[object Array]`、`[object Null]` 等字符串。

> **小知识：** 为什么 `typeof null` 是 `"object"`？
> 这是 JS 最初设计时的 Bug，为了兼容旧代码，这个错误被一直保留到了今天。


在 JavaScript（ECMAScript 标准）中，数据类型主要分为两大类：基本数据类型（Primitive） 和 引用数据类型（Reference）。目前共有 8 种。

JavaScript的八大数据类型

前端

编程语言

JavaScript数据类型详解：8种原生类型分为基本类型（Number、String、Boolean等）和引用类型（Object）。掌握数据类型区别、存储方式及类型判断方法（typeof/instanceof/Object.prototype.toString.call）是前端开发基础。包含ES6的Symbol和ES10的BigInt新特性解析。

大数据

2026新春采购季

bigdata-class

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

JavaScript数据类型详解：8种原生类型分为基本类型（Number、String、Boolean等）和引用类型（Object）。掌握数据类型区别、存储方式及类型判断方法（typeof/instanceof/Object.prototype.toString.call）是前端开发基础。包含ES6的Symbol和ES...

JavaScript的八大数据类型-腾讯云开发者社区-腾讯云

JavaScript的八大数据类型

JavaScript的八大数据类型

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐