JavaScript有7种原始类型(string、number、boolean、null、undefined、symbol、bigint)和1种引用类型(Object及其衍生类型),原始类型按值操作、不可变,引用类型按地址传递、需注意深浅拷贝与类型检测。

JavaScript 有 7 种原始(primitive)数据类型和 1 种引用(reference)类型,理解它们的区别与适用场景,是写出可靠、可维护代码的基础。
7 种原始类型:值直接存储,不可变
原始类型包括:string、number、boolean、null、undefined、symbol(ES6 新增)、bigint(ES2020 新增)。它们在赋值和比较时按值操作,互不影响。
- 用
typeof可准确识别大多数原始类型(注意:typeof null === 'object'是历史遗留 bug) -
string和number要避免隐式转换陷阱,比如'5' + 3得到'53',而'5' - 3得到2 -
bigint用于安全表示大于2^53 - 1的整数,必须用后缀n声明(如123n),不能与普通number混算 -
symbol每次调用都生成唯一值,适合做对象私有属性键,防止命名冲突
Object 类型:引用传递,需注意深浅拷贝
除原始类型外,其余都是 object 类型,包括普通对象、数组、函数、日期、正则、Map、Set、Promise 等。它们在内存中以引用方式存储,赋值或传参时复制的是地址而非内容。
- 判断是否为纯对象,别只靠
typeof obj === 'object',要排除null和数组,可用Object.prototype.toString.call(obj) === '[object Object]' - 修改数组时优先用不可变方式:用
[...arr, newItem]替代push(),用filter()或map()替代原地遍历修改 - 需要深拷贝时,
JSON.parse(JSON.stringify())不可靠(丢失函数、undefined、Symbol、循环引用),建议用结构化克隆(structuredClone(),现代浏览器支持)或专用库如 lodash 的cloneDeep
类型检测与转换:明确意图,少依赖隐式行为
JavaScript 动态类型带来灵活性,也容易引发意外行为。应主动控制类型流转,而不是依赖引擎自动转换。
立即学习“Java免费学习笔记(深入)”;
- 用
Number()、String()、Boolean()进行显式转换;避免用+、!!等简写,除非上下文非常清晰 - 判断“空值”要分场景:
== null可同时捕获null和undefined;??(空值合并)比||更安全,因为不把0、false、''当作“假值” - TypeScript 不是银弹,但加上类型注解(如
const count: number = parseInt(input))能提前暴露类型误用
实际编码中的关键习惯
类型不是理论概念,而是每天写代码时的决策依据。
- 函数参数和返回值尽量保持单一类型,避免
string | number | null这类宽泛联合类型,除非业务逻辑确实需要 - API 响应解析后立即校验结构(如用
zod或io-ts),不要等到深层取值时报Cannot read property 'x' of undefined - 用
const声明变量,配合 ESLint 规则(如no-unused-vars、no-implicit-coercion)约束类型滥用











