js六种数据类型是怎么样存储的？

最新推荐文章于 2025-10-13 16:25:42 发布
转载 最新推荐文章于 2025-10-13 16:25:42 发布 · 2.4k 阅读 · 6

本文深入解析JavaScript中的数据存储机制，区分基本数据类型与引用数据类型的存储位置及其影响。通过实例说明不同类型在内存中的表现形式及复制行为的区别。

一个很基础的知识点，JavaScript中基本数据类型和引用数据类型是如何存储的。

由于自己是野生程序员，在刚开始学习程序设计的时候没有在意内存这些基础知识，导致后来在提到“什么什么是存在栈中的，栈中只是存了一个引用”这样的话时总是一脸懵逼。。

后来渐渐的了解了一些内存的知识，这部分还是非常有必要了解的。

基本数据结构

栈

栈，只允许在一段进行插入或者删除操作的线性表，是一种先进后出的数据结构。

堆

堆是基于散列算法的数据结构。

队列

队列是一种先进先出（FIFO）的数据结构。

JavaScript中数据类型的存储

JavaScript中将数据类型分为基本数据类型和引用数据类型，它们其中有一个区别就是存储的位置不同。

基本数据类型

我们都知道JavaScript中的基本数据类型有：

  • String
  • Number
  • Boolean
  • Undefined
  • Null
  • Symbol（暂时不管）

基本数据类型都是一些简单的数据段，它们是存储在栈内存中。

引用数据类型

JavaScript中的引用数据类型有：

  • Array
  • Object

引用数据类型是保存在堆内存中的，然后再栈内存中保存一个对堆内存中实际对象的引用。所以，JavaScript中对引用数据类型的操作都是操作对象的引用而不是实际的对象。

可以理解为，栈内存中保存了一个地址，这个地址和堆内存中的实际值是相关的。

图解

现在，我们声明几个变量试试：

?

1

2

3

4

5

var name="axuebin";

var age=25;

var job;

var arr=[1,2,3];

var obj={age:25};

 

可以通过下图来表示数据类型在内存中的存储情况：

此时 name , age , job 三种基本数据类型是直接存在栈内存中的，而 arr , obj 在栈内存中只是存了一个地址来表示对堆内存中的引用。

复制

基本数据类型

对于基本数据类型，如果进行复制，系统会自动为新的变量在栈内存中分配一个新值，很容易理解。

引用数据类型

如果对于数组、对象这样的引用数据类型而言，复制的时候就会有所区别了：

系统也会自动为新的变量在栈内存中分配一个值，但这个值仅仅是一个地址。也就是说，复制出来的变量和原有的变量具有相同的地址值，指向堆内存中的同一个对象。

如果所示，执行了 var objCopy=obj 之后， obj 和 objCopy 具有相同的地址值，执行堆内存中的同一个实际对象。

这有什么不同呢？

当我修改 obj 或 objCopy 时，都会引起另一个变量的改变。

为什么？

为什么基础数据类型存在栈中，而引用数据类型存在堆中呢？

  1. 堆比栈大，栈比对速度快。
  2. 基础数据类型比较稳定，而且相对来说占用的内存小。
  3. 引用数据类型大小是动态的，而且是无限的。
  4. 堆内存是无序存储，可以根据引用直接获取。

总结

以上所述是小编给大家介绍的JavaScript数据类型的存储方法详解，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章:

原文链接：http://www.cnblogs.com/gdsblog/archive/2017/08/24/7425917.html

JavaScript中的数据储存（01-EC和作用域链--JS进阶）
QinGP97的博客
10-23 1136
本篇学习总结简要概述JavaScript语言代码预解析与执行的过程，以及在这过程中内存的分配与释放。 关键字：JavaScript、代码段、预解析、行上下文EC、作用域、作用域链。
前端JavaScript篇之JavaScript有哪些数据类型，它们的区别？
星辰迷上大海的博客
01-22 2197
JavaScript数据类型有： Undefined、Null、Boolean、Number、String、Array、Object、Symbol、BigInt…
js存储方式
cn33333的博客
10-09 707
在HTML5中,新加入了一个localStorage特性,这个特性主要用来作为本地存储来使用。它解决了cookie存储空间不足的问题,每条cookie的存储空间为4K，localStorage一般为5M。
JS - 数据类型
最新发布
m0_60008263的博客
10-13 1122
JavaScript数据类型分为原始类型和对象类型。原始类型（按值访问）包括String、Number、Boolean、Undefined、Null、Symbol和BigInt；对象类型（按引用访问）包含Object、Array、Function等。原始类型不可变，赋值时复制值；对象类型可变，赋值时复制引用。类型检测可用typeof（原始类型）和instanceof（对象类型）。关键区别在于存储方式：原始类型直接存储值，对象类型存储引用。理解这些类型对变量赋值、函数传参和内存管理至关重要。
使用JS保存数据
06-02
在IE浏览器中点击demo1.html，将数据保存到txt中 在IE浏览器中点击demo2.html，将数据保存到Excel中
利用JS页面存储数据
zhaoge's blog
09-01 758
let data = {} function setPageData (key, value, _key) { if(_key) { data[key]._key = value; } else { data[key] = value; } } function getPageData (key) { return data[key]; } 抄的某个小程序工程中的，网上说是类似jQuery的方法。
JS基础知识一：数据存储
GTbond的博客
12-16 343
数据存储 1.简单类型存储在栈stack 2.复杂类型在栈中存储一个地址，指向堆中具体实例 示例： function fn(){ let a = 1; let b = 2; let c = { name : "胡歌" } } a,b都存放在栈(stack)中，c在栈中只有一个地址，指向堆中 内存泄漏 当函数fn()执行完毕之后，三个变量消失，栈清空内存，堆中的那个对象实例继续存在，直到系统的垃圾清理机制（garbage collector）将这块内存回收。因此，一般来说，内存泄漏都发
JS中的两种数据类型及实现引用类型的深拷贝的方法
10-18
在JavaScript中，数据类型分为两种主要类别：基本类型（Primitive Types）和引用类型（Reference Types）。基本类型包括字符串（String）、布尔值（Boolean）、数字（Number）、未定义（Undefined）、空值（Null）。...
html的数据类型有哪些,javascript的数据类型有几种？
weixin_32612263的博客
06-04 870
值类型(基本类型)：字符串(String)、数字(Number)、布尔(Boolean)、对空(Null)、未定义(Undefined)、Symbol。引用数据类型：对象(Object)、数组(Array)、函数(Function)。JavaScript数据类型介绍：JavaScript 拥有动态类型JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型：实例var x; ...
JavaScript数据类型的存储方法详解
01-19
一个很基础的知识点，JavaScript中基本数据类型和引用数据类型是如何存储的。 由于自己是野生程序员，在刚开始学习程序设计的时候没有在意内存这些基础知识，导致后来在提到“什么什么是存在栈中的，栈中只是存了一...
JS数据类型及存储方式
TongWu1的博客
10-31 1258
简单数据类型（值类型）：string，number，boolean，undefined，null 复杂数据类型（引用类型）：Object，Array，Date，通过new关键字创建的对象，存储时仅仅存储地址。 堆和栈 栈存储简单数据类型 堆存储复杂数据类型 简单类型的内存分配：直接将数据存储在栈空间。 复杂类型的内存分配：将数据地址存储在栈空间，真正的数据存储在堆空间中。 简单类型与复杂类型传参 ...
总结JavaScript三种数据存储方式之间的区别
11-23
sessionStorage 、localStorage 和 cookie 之间的共同点： 都是保存在浏览器端，且同源的。 sessionStorage 、localStorage 和 cookie 之间的区别： cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。cookie数据还有路径（path）的概念，可以限制cookie只属于某个路径下。 存储大小限制也不同，cookie数据不能超过4k，同时因为每次http请求都会携带cookie，所以c
javascript 数据类型在内存中存储的方式 （简单类型，复杂类型，简单、复杂作为函数在内存的方式，数组的特点）
web 前端 基础记录
08-03 1015
数据类型在内存中存储的方式 js 中数据类型中包含： 基本数据类型：String、Boolean、Number、undefined、null、Symbol 引用数据类型（复杂数据类型）：Object
js的数据类型有哪些,值是如何存储的？
07-01 1421
js的数据类型有基本类型和引用类型 1.基本数据类型（BS3N） 1.Boolean(B) 2.String(S) 3.underfined(N) 4.Null(N) 5.Number(N) 6.symbol(ES6的) 基本数据类型都储存在栈中（stack），栈是有结构的，每个区块都是按照后进先出的方式次序存放，基本类型的数据相对是比较稳定的，占的内存也比较小，所有寻找速度比较快，如果基本类型复制的话，栈中重新开辟个新的内存空间来储存新复制的新值，所以两者是独立的，没有任何关联！ 2.引用数据类型（复杂类
JS中可以用来存储用户数据的方法或方式
luna_OnTheWay的博客
08-13 4805
sessionStorage,localStorage和cookie都是用来存储用户数据的方式,sessionStorage和localStorage是HTML5 Web StorageAPI中提供的,可以方便的在web请求之间保存数据,有了本地数据,就可以避免数据在浏览器和服务器之间不必要的来回传递,sessionStorage,localStorage和cookie都是保存在浏览器端,且同源的
JavaScript数据类型及其存储方式
IT_10的博客
12-06 1530
数据类型 JavaScript是弱类型语言，定义变量的时候无需指定变量的类型，JavaScript引擎在运行代码的时候会自动判断变量的类型。 JavaScript数据类型有8种： 类型 描述 Boolean true、false NUll null值 Undefined 未赋值的变量默认值为undefined， 变量提升时的默认值也是undefined Number 数...
JavaScript数据类型与存储方式
W_w1111的博客
06-06 411
数据类型与存储方式
js的一些数据存储方式
qq_50909707的博客
01-31 631
优快云编程社区
JS引用数据类型是什么？包含哪些？
03-12
<think>好的，我需要回答用户关于JavaScript中引用数据类型的定义及种类的问题。首先，我要回忆相关的知识，确保准确无误。 根据用户提供的引用内容，特别是引用[1]和引用[4]，引用数据类型在JavaScript中主要是指对象类型（object）。基本数据类型是不可变的，而引用数据类型是可变的，存储的是对象的引用，而不是实际的值。 接下来要确定种类。常见的引用数据类型包括对象（Object）、数组（Array）、函数（Function），还有日期（Date）、正则表达式（RegExp）等。不过，用户提供的引用中只明确提到对象类型是复杂数据类型，其他如数组和函数可能属于对象的子类型。 需要确认这些是否都属于引用数据类型。例如，数组在JS中实际上是对象的一种特殊形式，函数也是对象。因此，引用数据类型的主要种类是Object，以及它的衍生类型如Array、Function、Date等。但根据引用内容，用户提供的资料里可能只提到Object作为复杂数据类型，所以需要根据引用来回答，避免超出范围。 同时要注意引用[4]提到除Object外其他类型不可变，所以引用类型只有Object，但它的子类如数组、函数等都属于Object类型。因此，在种类部分需要说明对象类型包括哪些具体形式，比如普通对象、数组、函数等。 最后，确保回答结构清晰，分点说明定义和种类，并正确引用资料中的内容，添加引用标识。</think>### JavaScript 引用数据类型的定义及种类 #### 1. 定义 **引用数据类型**是 JavaScript 中用于表示复杂结构的数据类型，其核心特征是值存储在内存中的对象，变量实际保存的是指向对象内存地址的引用（即指针）。这类数据类型的值是可变的（例如对象的属性可以被修改），且在赋值或传递时复制的是引用而非实际值[^1][^4]。 #### 2. 种类 JavaScript 中引用数据类型主要包括以下类别： 1. **对象（Object）** - **普通对象**：以键值对形式存储数据，例如： ```javascript let person = { name: "Alice", age: 30 }; ``` - **内置对象**：如数组（Array）、函数（Function）、日期（Date）、正则表达式（RegExp）等。 - **数组**：本质是特殊的对象，用于存储有序数据： ```javascript let numbers = [1, 2, 3]; ``` - **函数**：可执行的对象，例如： ```javascript function greet() { console.log("Hello!"); } ``` - **其他对象**：如 `Map`、`Set`、`Promise`（ES6+ 新增）等。 2. **特殊引用类型** - 某些语言特性（如原型链）衍生的对象类型，例如： - 通过构造函数创建的对象（如 `new Date()`）。 - 包装对象（如 `new String("text")`，但一般推荐直接使用基本类型字符串）。 #### 3. 引用类型的核心特性 - **可变性**：对象属性或数组元素可以直接修改，例如： ```javascript let arr = [1]; arr.push(2); // 修改原数组 ``` - **引用传递**：变量赋值或函数传参时传递的是内存地址，而非值的副本： ```javascript let obj1 = { a: 1 }; let obj2 = obj1; // obj2 和 obj1 指向同一对象 obj2.a = 2; // 修改会影响 obj1 ``` #### 4. 与基本数据类型的区别 | **特性** | 基本数据类型（如 `number`） | 引用数据类型（如 `object`） | |----------------|----------------------------|---------------------------| | **存储方式** | 直接存储值 | 存储内存地址的引用 | | **可变性** | 不可变 | 可变 | | **比较规则** | 比较值是否相等 | 比较引用是否指向同一地址 | 例如： ```javascript 5 === 5; // true {} === {}; // false（不同内存地址） ``` ---
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值