JavaScript数据类型有哪些及使用方法

JavaScript的8种数据类型（7种原始类型与1种引用类型）并非需要死记硬背的语法清单，而是理解其底层行为——值如何存储、比较、传递以及是否可变——的关键线索；文章直击常见误区，如null的typeof陷阱、undefined与未声明变量的本质区别、BigInt与number的不可混算、对象浅拷贝与深拷贝的实践选择、精准类型检测的组合方案，以及隐式转换带来的隐蔽风险，强调用===代替==、用Object.is处理特殊值、用structuredClone实现可靠深拷贝等务实原则，真正帮你从“写得通”迈向“想得透”。

JavaScript 有 8 种数据类型：7 种原始类型（string、number、boolean、null、undefined、symbol、bigint）和 1 种引用类型（object，包括数组、函数、日期、正则、Map、Set 等）。正确使用的关键不是死记类型，而是理解“值怎么存、怎么比较、怎么传、会不会变”。

原始类型：按值操作，安全但别误判 null/undefined

原始类型存储的是实际的值，赋值或传参时复制一份，互不影响。但要注意几个经典坑：

• null 是对象？ 不是——typeof null 返回 "object" 是历史 bug，它本质是独立的原始类型，表示“空值”。判断时用 value === null，别依赖 typeof
• undefined 和未声明变量不同：let a 声明未赋值 → a 是 undefined；console.log(b) 中 b 没声明 → 报错 ReferenceError
• 0、-0、NaN 要小心比较：Object.is(-0, 0) 返回 false；NaN !== NaN，必须用 Number.isNaN() 判断
• BigInt 不能和 number 混算：1n + 1 报错；需统一为 1n + 1n 或 BigInt(1) + 1n

Object 类型：按引用传递，修改会影响原数据

数组、对象、函数等都属于 object（typeof [] 和 typeof {} 都是 "object"），它们在内存中存的是地址。赋值或传参时复制的是地址，不是内容：

• 想真正拷贝一个对象，用 {...obj}（浅拷贝）或 structuredClone(obj)（深拷贝，支持多数内置类型）
• 判断是否为纯对象，不用 typeof obj === "object"（null 也满足），改用 obj !== null && typeof obj === "object" && !Array.isArray(obj)
• 函数也是 object，所以可以动态加属性：function f(){}; f.cache = {}; —— 但不推荐污染函数实例

类型检测：别只靠 typeof，组合使用更可靠

typeof 对大部分原始类型有效，但对 null、数组、正则、日期都返回 "object"。实用组合方案：

• 检测数组：Array.isArray(arr)（最准）
• 检测日期：obj instanceof Date 或 Object.prototype.toString.call(obj) === "[object Date]"
• 检测 Promise：obj?.then && typeof obj.then === "function"（鸭子类型）
• 通用检测（含 null）：Object.prototype.toString.call(value) 返回类似 "[object String]" 的字符串，稳定可靠

隐式转换：知道规则，尽量避免依赖

JavaScript 在 ==、+、! 等场景会自动转类型，容易出错：

• 0 == false → true（先转数字：false → 0）；但 0 === false → false（严格相等不转换）
• [] + {} → "[object Object]"（空数组转空字符串 ""，空对象转 "[object Object]"，再拼接）
• 建议：一律用 === 和 !==；字符串拼接明确调用 .toString() 或模板字面量；逻辑判断前用 Boolean() 或双重非 !! 显式转换

基本上就这些。类型不是语法装饰，而是理解 JS 行为的底层线索——盯住“怎么存、怎么比、怎么传”，比背列表有用得多。

到这里，我们也就讲完了《JavaScript数据类型有哪些及使用方法》的内容了。个人认为，基础知识的学习和巩固，是为了更好的将其运用到项目中，欢迎关注golang学习网公众号，带你了解更多关于的知识点！