JavaScript数据类型与存储方式解析

本篇文章给大家分享《JavaScript数据类型及存储方法详解》，覆盖了文章的常见基础知识，其实一个语言的全部知识点一篇文章是不可能说完的，但希望通过这些问题，让读者对自己的掌握程度有一定的认识(B 数)，从而弥补自己的不足，更好的掌握它。

JavaScript有7种原始数据类型（string、number、boolean、null、undefined、symbol、bigint）和1种引用类型（object），共8类；原始类型按值存储，引用类型按引用存储。

JavaScript 中的数据存储方式和数据类型是两个密切相关但不同层面的问题。数据类型决定了你能存什么、怎么存，而储存方式（比如变量、对象属性、本地存储等）则决定了数据放在哪里、能用多久。

JavaScript 有哪几种基本数据类型？

JavaScript 有 7 种原始（primitive）数据类型，加上 1 种引用类型（object），共 8 类。ES2020 新增了 BigInt，ES2022 加入了 Symbol（其实 Symbol 在 ES6 就已存在，但常被遗漏），目前标准如下：

• string：表示文本，如 "hello"
• number：64 位浮点数，包括整数和小数，如 42、3.14；也包含 NaN 和 Infinity
• boolean：只有两个值：true 和 false
• null：一个独立的原始值，表示“空值”或“有意缺失的对象”
• undefined：变量声明未赋值时的默认值，或函数无返回时的结果
• symbol：唯一且不可变的值，常用于对象属性键，避免命名冲突
• bigint：表示任意精度的整数，字面量以 n 结尾，如 123n
• object：所有非原始类型的统称，包括普通对象、数组、函数、日期、正则、Map、Set、Promise 等

怎么储存数据？关键看生命周期和使用场景

JavaScript 中“储存数据”不是靠类型本身，而是靠你把数据放在哪儿。常见方式有：

• 变量（let/const/var）：最基础的储存，作用域内有效，函数执行完后局部变量通常被回收
• 对象属性：用 obj.key = value 或 obj[key] = value 存，适合结构化组织数据
• 数组元素：用索引或 push()/unshift() 等方法存，适合有序、可遍历的数据集合
• 闭包中的私有变量：函数内部定义的变量，通过返回的函数持续访问，实现数据封装和持久化
• 浏览器存储 API：
  • localStorage：字符串键值对，长期保存（除非手动清除）
  • sessionStorage：仅当前会话有效，关闭标签页即清空
  • IndexedDB：支持结构化数据、事务、大量存储，适合离线应用
• Cookie：体积小（通常 ≤4KB），随每次 HTTP 请求发送，适合身份标识等轻量状态

注意：原始类型和引用类型的储存机制不同

这是理解“怎么存”和“怎么取”的核心：

• 原始类型（string/number/boolean/null/undefined/symbol/bigint）按值储存：变量直接持有数据本身，赋值或传参时复制一份新值
• 引用类型（object 及其子类）按引用储存：变量只保存指向内存中实际对象的地址，多个变量可能指向同一块数据，修改会影响所有引用者

例如：let a = {x: 1}; let b = a; 后，修改 b.x 也会改变 a.x —— 因为它们指向同一个对象。

实用建议：选对类型 + 选对位置

储存前先问自己三个问题：

• 这个数据需要多长时间保留？（临时计算？用户偏好？登录态？）
• 它是否需要跨页面或刷新后仍存在？→ 考虑 localStorage 或后端持久化
• 它是否涉及敏感信息？→ 避免明文存在 localStorage 或 Cookie，优先用 httpOnly Cookie 或服务端 session
• 数据量大不大、结构复不复杂？→ 小量简单用对象/数组；大量结构化考虑 IndexedDB

类型判断可用 typeof（注意 typeof null === 'object' 是历史 bug），更准确用 Object.prototype.toString.call(value)。

本篇关于《JavaScript数据类型与存储方式解析》的介绍就到此结束啦，但是学无止境，想要了解学习更多关于文章的相关知识，请关注golang学习网公众号！