JavaScript数据类型需从存储机制与可变性分为原始（栈存、不可变）和引用（堆存、可变）两类，并通过typeof、Object.prototype.toString等组合判断，结合转换规则与高阶场景应用形成知识图谱。
JavaScript 的数据类型分类与高阶处理，不能只靠死记“7种原始+1种引用”这种表层划分。真正形成知识图谱，关键在于把类型、内存、行为、判断、转换、边界这六条线串起来，让每个类型不只是名字，而是有位置、有逻辑、有上下文的节点。
按存储机制与可变性分清两大根基
所有类型最终归为两类，区别不在“叫什么”，而在“怎么存”和“能不能改”：
-
原始类型（7种）：Number、String、Boolean、Null、Undefined、Symbol、BigInt。它们存于栈内存，赋值是拷贝值本身，不可被修改（immutable）。比如
let a = "hello"; a.toUpperCase()返回新字符串，a原值不变。 - 引用类型（本质都是 Object 衍生）：Object、Array、Function、Date、RegExp、Map、Set、Promise 等。它们存于堆内存，变量里存的是地址；赋值是拷贝地址，多个变量可能指向同一块数据，因此可变（mutable）。
用 typeof + instanceof + constructor + Object.prototype.toString 组合判断
单靠 typeof 会踩坑（比如 typeof null === "object"），必须分层判断：
deep-java-review
下载
Java项目代码review工具。分析Git变更+完整调用链路上下文，推断业务需求，进行多维度评分和分类汇总，生成完整PRD文档。包含细粒度Java代码审查清单（Null安全、异常处理、Streams、并发、equals/hashCode、资源管理、API设计、性能、MyBatis/ORM、事务边界、SQL/DD...
- 先用
typeof快速筛出原始类型（除 null 外都准确）和 function； - 对疑似对象的值，用
Object.prototype.toString.call(val)获取精确标签，如[object Array]、[object Date]； - 需要确认是否为某构造函数实例时，才用
instanceof（注意跨 iframe 失效）； - 避免直接访问
val.constructor，因它可被篡改，不具可靠性。
掌握隐式与显式转换的核心规则链
类型转换不是魔法，而是有明确优先级的流程：
立即学习“Java免费学习笔记（深入）”；
- 比较运算符（==）触发抽象相等算法：先尝试转为数字（调用
ToNumber），null→0，undefined→NaN，对象→先valueOf()再toString()； - 字符串拼接（+）优先触发
ToString：对象默认调用toString()→"[object Object]"； - 布尔上下文（if、&&、||）触发
ToBoolean：只有falsy值（false、0、-0、0n、""、null、undefined、NaN）为假； - 显式转换要选对方法：
Number()比parseInt()更严格，String(val)比val + ""更安全，Boolean(val)比!!val语义更清晰。
在高阶场景中定位类型的关键作用
类型认知要落地到真实问题中才有意义：
-
深拷贝：必须识别原始值直接拷贝，引用值递归处理；遇到
Date、RegExp、Map等需特殊序列化； -
JSON 序列化限制：
undefined、function、Symbol、BigInt会被忽略或报错，Date变成字符串； - React/Vue 响应式原理：Proxy 只能拦截对象属性读写，对原始值需包装为 ref 或 reactive({})；
-
BigInt 使用边界：不能与 Number 混合运算，
10n + 2报错；JSON.stringify(10n)抛异常，需自定义 replacer。
