IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> javascript中数据在栈和堆中的存储方式 -> 正文阅读

[JavaScript知识库]javascript中数据在栈和堆中的存储方式

学过javascript的都知道js中的数据类型分为基本数据类型和引用数据类型,那么他们需要存储,具体是怎样存储呢?
栈(stack):会自动分配内存空间、自动释放,存放简单的数据段,占据固定的空间大小,存放基本数据类型。
基本数据类型:Null、Undefined、Number、Boolean、String
堆(heap):动态分配内存空间,大小不固定不自动释放,用来存放引用数据类型。
引用数据类型:Object、Function、Array

先看一下图
栈和堆内的存储图当数据生成时首先会在栈中分配一个空间,举个例子就像是我们出门旅游时去酒店,会先在前台开好房间然后才能住进房间,之后如果你是一个基本数据类型就直接存放数据在栈中,如果你是一个引用类型,就要在堆里边开辟空间存放数据然后再将存放数据的地址放在栈中,需要查找数据的时候就通过栈中的地址指针指向堆内找到需要的数据。

下边我们举一个例子

var a = {x:10,y:20};
var b = [10,20,30];
var c = 5;

在这里插入图片描述图中变量c是一个Number类型所以值直接存储在栈中,而变量a和b是Object和Array所以数据放入的是堆中,栈中只存放堆里边存放数据的地址,a根据栈中地址指向堆中数据A001,b根据栈中的地址指向指向堆中的A002。

当发生赋值时

var a = [1,2,3,4];
var b = a;

内存图

在这里插入图片描述当把a赋值给b时,不是直接将a中的内容[1,2,3,4]复制给b而是把a在堆中的地址A001复制给b,然后b将指针指向a的内容。

那如果a赋值给b后又被重新赋值了,内存图又是怎样的呢?

var a = [1,2,3];
var b = a;
a = {x:1,y:2};

在这里插入图片描述当a被重新赋值{x:1,y:2}后不是直接改变堆中A001的内容,而是在堆中重新开辟一个空间A002存放新赋值的内容,然后将A002放入a的栈空间中,让a的指针重新指向A002,这就实现了a的再次赋值。

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-08-30 11:54:58  更:2021-08-30 11:59:43 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/23 13:19:52-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码