在 JavaScript 开发中，理解数据类型是基础且关键的一步。无论是日常编码还是面试场景，数据类型的细节都可能成为解决问题的关键。

一、简单值和复杂值

JavaScript 中的数据类型可分为两大类：简单值（基本类型）和复杂值（引用类型）。

（一）简单值

简单值包括以下七种：

• number：数字，例如 42 或 3.14。
• string：字符串，例如 "Hello, world!"。
• boolean：布尔值，只有 true 和 false。
• undefined：未定义，表示变量已声明但未初始化。
• null：空值，表示没有对象。
• symbol：符号，用于创建唯一的标识符。
• bigint：大数，用于表示非常大的整数。

简单值的特点是它们无法再继续拆分。例如，一个数字或字符串是不可变的，你不能更改其内部结构。

注意点1：symbol 和 bigint

symbol：从 ES6 开始新增，主要用于创建唯一的标识符。例如：

Symbol 的值是唯一且不可变的，适用于作为对象属性的键。

bigint：从 ES2020 开始新增，用于表示大于 Number.MAX_SAFE_INTEGER（即 2^53 - 1）或小于 Number.MIN_SAFE_INTEGER（即 -2^53 + 1）的整数。例如：

注意点2：null 和 undefined

• null：表示对象的“无”，转为数值时会被转换为 0，作为原型链的终点。
• undefined：表示简单值的“无”，转为数值为 NaN。例如：

（二）复杂值

复杂值只有一种：object。对象可以包含多个简单值或复杂值。例如：

数组、函数、正则等也都是对象类型，属于复杂值。例如：

函数本质上也是对象，可以添加属性和方法。例如：

二、两者之间本质区别

（一）内存存储

简单值存储在栈内存中，而复杂值存储在堆内存中。栈内存用于存储大小固定、生命周期短的数据，访问速度快；堆内存用于存储大小不固定、生命周期长的数据，访问速度较慢。

简单值直接存储数据的实际值，而复杂值存储的是内存地址。例如：

（二）值传递

JavaScript 中只有值传递，没有引用传递。当传递复杂值时，传递的是内存地址的值。例如：

但如果在函数内部重新赋值，会断开内外的联系：

三、两者之间行为区别

（一）访问方式

简单值直接按值访问，而复杂值需要通过内存地址访问具体数据。例如：

（二）比较方式

简单值直接比较值，而复杂值比较内存地址。例如：

（三）动态属性

复杂值可以动态添加属性和方法，而简单值不行。例如：

（四）变量赋值

简单值赋值时复制值，复杂值赋值时复制内存地址。例如：

四、面试题解析

（一）JS 中的数据类型有哪些？基本类型和引用类型的区别是什么？

• 基本类型：包括 number、string、boolean、undefined、null、symbol 和 bigint。它们存储在栈内存中，访问速度快，赋值时复制值。
• 引用类型：只有 object。它们存储在堆内存中，访问速度较慢，赋值时复制内存地址。

（二）为什么 null 的数据类型打印出来为 object？

这是 JavaScript 设计上的一个遗留问题。最初，null 被表示为全零（00000000），这使得 typeof null 的结果与对象一致。虽然这个行为在技术上是不正确的，但由于向后兼容性的考虑，这个设计决策一直未被修改。

（三）为什么 undefined 和 null 明明是两种基础数据类型，但 undefined == null 返回的是 true？

这是 JavaScript 借鉴其他语言的一个设计。null 表示对象的“无”，而 undefined 表示简单值的“无”。在 JavaScript 中，null 可以自动转为 0，而 undefined 不能。因此，undefined == null 返回 true 是为了保持与其他语言的一致性。