JavaScript数据类型有哪些？怎么区分？

JavaScript共有8种数据类型——7种不可变的原始类型（string、number、boolean、null、undefined、symbol、bigint）和1种可变的引用类型（object及其派生类型如Array、Function等），它们在内存存储方式、赋值行为、比较逻辑及类型检测结果上存在本质差异；由于typeof存在诸多陷阱（如null误判为object、数组和正则均返回object），真正可靠的类型判断需结合typeof、instanceof和Object.prototype.toString.call()三者协同使用，掌握这些细节不仅能避免常见坑点（如null与undefined的严格相等误区、跨iframe的instanceof失效），更能写出更健壮、可维护的JavaScript代码。

JavaScript 有 8 种数据类型：7 种原始类型（primitive）和 1 种引用类型（object）。区分它们的关键在于**值的存储方式、比较行为和 typeof / instanceof / Object.prototype.toString.call() 的返回结果**。

7 种原始类型：按值存储，不可变

原始类型直接存放在栈内存中，赋值是复制值本身，比较时看“值是否相等”：

• string：如 "hello"、`world`
• number：包括整数、小数、NaN、Infinity（注意：typeof NaN 是 "number"）
• boolean：只有 true 和 false
• null：表示“空值”，typeof null 返回 "object"（这是历史遗留 bug，不是对象）
• undefined：变量声明未赋值，或对象属性不存在时的默认值
• symbol（ES6）：唯一且不可变的值，常用于对象属性键，避免命名冲突
• bigint（ES2020）：用 n 结尾的大整数，如 123n，不能与 number 混用运算

1 种引用类型：按引用存储，可变

object 是唯一的基础引用类型，其他如 Array、Function、Date、RegExp、Map、Set 等，都是它的派生对象。它们存储在堆内存中，变量保存的是指向堆中地址的引用：

• 赋值是复制引用（即两个变量指向同一块内存）
• 比较时看“是否指向同一个对象”，而非内容是否相同
• typeof [] → "object"，typeof function() {} → "function"（函数是 object 的特殊形态，但 typeof 给了特例）

准确判断类型的三大方法

单靠 typeof 不够可靠（比如 null、数组、正则都返回 "object"），推荐组合使用：

• typeof：适合快速区分原始类型（除 null 外）和函数
• instanceof：检查对象是否由某个构造函数创建（如 [] instanceof Array → true），但跨 iframe 会失效
• Object.prototype.toString.call()：最可靠，返回标准字符串，如：
  Object.prototype.toString.call([]) → "[object Array]"
Object.prototype.toString.call(null) → "[object Null]"
Object.prototype.toString.call(123) → "[object Number]"

几个易混淆点提醒

实际开发中容易踩坑的地方：

• null == undefined 为 true，但 null === undefined 为 false（类型不同）
• typeof [] 和 typeof {} 都是 "object"，但它们是不同子类型
• typeof /regex/ 在多数环境是 "object"，少数浏览器（如旧版 Safari）曾返回 "function"；稳妥起见仍用 toString.call
• function 虽然 typeof 返回 "function"，但它本质是 Object 的实例：Function instanceof Object → true

终于介绍完啦！小伙伴们，这篇关于《JavaScript数据类型有哪些？怎么区分？》的介绍应该让你收获多多了吧！欢迎大家收藏或分享给更多需要学习的朋友吧~golang学习网公众号也会发布文章相关知识，快来关注吧！