JavaScript 数据类型有哪些

你有没有过这样的经历：写了一段代码，运行时却弹出奇怪的错误提示，比如“不能把数字和文字相加”？这背后其实藏着一个容易被忽略的知识点——JavaScript的数据类型。简单来说，数据类型就是告诉电脑“这段内容是用来做什么的”，就像我们准备食材时会把蔬菜、肉类、调料分类放一样，电脑处理不同类型的内容时，也需要明确的“分类规则”。

最常用的两类：基础类型和引用类型

JavaScript的数据类型可以分成两大阵营：基础类型和引用类型，这就好比你把常用的小物件放在随身口袋（方便随时用），把大件物品放在储物箱（需要单独处理）。

基础类型是最常用的“小内容”，包括数字、文字、布尔值、空值、未定义、符号和大整数。比如你写的年龄25、名字"小明"，或者判断对错的true/false，都是基础类型。它们的特点是“值直接存在变量里”，就像你口袋里的钥匙，拿出来用的就是钥匙本身。

引用类型则是“复杂的大内容”，最常见的是对象、数组和函数。比如你要存一个人的完整信息，包括名字、年龄、爱好，总不能把这些都写在一个简单的变量里，这时候就需要用对象{name: "小明", age: 25}或者数组["篮球", "读书"]。它们的特点是“变量里存的是地址，不是内容本身”，就像你手机里存的外卖地址，真正的美食在商家店里，你得按地址找过去才能拿到。

用生活化例子搞懂易混淆的类型

很多人刚学的时候会搞混几种类型，咱们用日常场景来拆解：

比如空值null和未定义undefined，就像你打开一个新的笔记本，第一页还没写东西：undefined是“这页本来就空着，还没决定写什么”，比如你定义了一个变量但没赋值，电脑就会默认给它undefined；而null是“这页特意留空，我就是不写内容”，比如你想表示“某个信息不存在”，就可以用null，这两者的区别就像“没写的空白纸”和“特意撕去的空白纸”，别搞混哦。

再说说数字类型，它不光能存整数10，还能存小数3.14，甚至有个特殊的“结果”NaN——别以为它是“非数字”，其实它是Not a Number的缩写，比如你把文字"苹果"和数字5相加，结果就会变成NaN，这就像你把“苹果”和“5个”硬凑在一起，最后得出的是个没法理解的结果。

为什么要分清数据类型？

如果你忽略了数据类型，代码很容易出问题。比如你想算20 + "5"，按数学逻辑应该是25，但在JavaScript里，20是数字、"5"是文字，电脑会自动把数字转成文字，最后得出"205"——就像你把20个苹果和5个橘子放一起，最后变成了“20个苹果和5个橘子”，而不是25个水果。要是你以为结果是25，去做减法或者比较，就会得到奇怪的错误。

还有，引用类型的“地址特性”也很容易踩坑。比如你定义了两个数组a = [1,2]和b = a，如果改b里的内容，a也会跟着变，因为b存的是和a一样的地址，就像你复制了一份快递地址，改了地址的备注，原件也会跟着变。要是你不知道这个特性，很容易不小心改到不该改的内容。

了解JavaScript的这些数据类型，就像给你的代码装了个“分类标签”，能帮你提前避开很多莫名其妙的错误，让你写的代码更顺畅。下次写代码前，先想想你要处理的内容是数字、文字还是别的类型，就能少走很多弯路。