js随手笔记-------理解JavaScript中的堆和栈

reclay 发布于2019-08-23 10:35 / 2259人阅读

摘要：最近由于做的项目需求牵扯到了大量的数据处理，于是就想了解一下中的数据类型，于是就百度了一下找到了些干货，在这里精简下做个笔记，以方便日后需要的时候查看这里先说两个概念堆栈堆是堆内存的简称。

最近由于做的项目需求牵扯到了大量的数据处理，于是就想了解一下javascript中的数据类型，于是就百度了一下找到了些干货，在这里精简下做个笔记，以方便日后需要的时候查看：
这里先说两个概念：1、堆（heap）2、栈（stack）
堆是堆内存的简称。
栈是栈内存的简称。
说到堆栈，我们讲的就是内存的使用和分配了，没有寄存器的事，也没有硬盘的事。
各种语言在处理堆栈的原理上都大同小异。堆是动态分配内存，内存大小不一，也不会自动释放。栈是自动分配相对固定大小的内存空间，并由系统自动释放。

javascript的基本类型就5种:Undefined、Null、Boolean、Number和String，它们都是直接按值存储在栈中的，每种类型的数据占用的内存空间的大小是确定的，并由系统自动分配和自动释放。这样带来的好处就是，内存可以及时得到回收，相对于堆来说，更加容易管理内存空间。

javascript中其他类型的数据被称为引用类型的数据 : 如对象(Object)、数组(Array)、函数(Function) …，它们是通过拷贝和new出来的，这样的数据存储于堆中。其实，说存储于堆中，也不太准确，因为，引用类型的数据的地址指针是存储于栈中的，当我们想要访问引用类型的值的时候，需要先从栈中获得对象的地址指针，然后，在通过地址指针找到堆中的所需要的数据。

说来也是形象，栈，线性结构，后进先出，便于管理。堆，一个混沌，杂乱无章，方便存储和开辟内存空间
传值与传址

var arr1 = [1,2,5,8]; 
var arr2 = arr1 ; 
var str1 = arr1[2]; 
console.log(arr2);//1,2,5,8
console.log(str1);//5
arr2[4] = 99; 
str1 = 6; 
console.log(arr1);//1,2,5,8,99
console.log(arr1[2]);//5

上方例子得知，当我改变arr2中的数据时，arr1中数据也发生了变化，当改变str1的数据值时，arr1却没有发生改变。为什么？这就是传值与传址的区别。

因为arr1是数组，属于引用类型，所以它赋予给arr2的时候传的是栈中的地址（相当于新建了一个不同名“指针”），而不是堆内存中的对象的值。str1得到的是一个基本类型的赋值，因此，str1仅仅是从arr1堆内存中获取了一个数值，并直接保存在栈中。arr1、arr2都指向同一块堆内存，arr2修改的堆内存的时候，也就会影响到arr1，str1是直接在栈中修改，并且不能影响到arr1堆内存中的数据。

浅拷贝和深拷贝
上边说到的赋值方式就是浅拷贝，那么什么叫作深拷贝呢？就是要将arr1的每个基本类型的数据都遍历一遍，依次的赋值给arr2的对应字段。避免产生因为地址引用带来的问题。

var arr1 = [1,2,5,8]; 
var arr2 = []; 
for(var i=0;i
javascript面向对象的语言本身在处理对象和非对象上就进行了划分，从数据结构的角度来讲，对象就是栈的指针和堆中的数值。
本文内容借鉴自
链接：https://www.jianshu.com/p/5e0...

专线服务混合云 javascript理解如何理解javascript 深入理解javascript javascript学习笔记

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/96493.html

堆和栈

摘要：百度百科上对堆和栈进行了对比分析堆栈空间分配栈操作系统由操作系统自动分配释放，存放函数的参数值，局部变量的值等。堆栈缓存方式栈使用的是一级缓存，他们通常都是被调用时处于存储空间中，调用完毕立即释放。显然，堆的效率比栈要低得多。相信很多程序员对于堆和栈的概念，总是感觉很朦胧，感觉在哪里听过见过，并没有深交。在计算机领域，堆栈是一个不容忽视的概念，我们编写的C语言程序基本上都要用到。但...

lscho 2019-08-23 11:55 评论0 收藏0
理解前端数据类型

摘要：基本数据类型的值保存在栈内存中的简单数据段，按值访问。文字常量区存储常量字符串保存在栈中保存在栈中，保存在常量区程序代码区存储程序的二进制代码关于数字类型根据关于的描述可知，的数字类型只有一种，使用标准中的双精度浮点数来存储，长度为位。数据类型基本数据类型：String，Boolean，Number，undefined，null，Symbol（ES6）引用数据类型：Object，F...

wums 2019-08-20 16:52 评论0 收藏0
基础回顾－javascript数据类型

摘要：栈区由编译器自动分配释放，存放函数的参数值，局部变量的值等。其操作方式类似于数据结构中的栈。属性返回对创建此对象的构造函数的引用。所有的和都是宿主对象参考高级程序设计堆和栈的概念和区别全面解析中的数据类型与类型转换数据类型数据类型划分 javascript中定义了6中基本数据类型（原始值类型），和一种复杂数据类型（引用类型），所谓复杂类型，其本质是由无序的名值对（key:val...

codergarden 2019-08-22 18:23 评论0 收藏0
《javascript高级程序设计》笔记：内存与执行环境

摘要：因此，所有在方法中定义的变量都是放在栈内存中的当我们在程序中创建一个对象时，这个对象将被保存到运行时数据区中，以便反复利用因为对象的创建成本通常较大，这个运行时数据区就是堆内存。上一篇：《javascript高级程序设计》笔记：继承近几篇博客都会围绕着图中的知识点展开 showImg(https://segmentfault.com/img/bVY0C4?w=1330&h=618);...

fuyi501 2019-08-21 17:44 评论0 收藏0
JAVA中堆和栈的区别

摘要：堆内存主要作用是存放运行时创建的对象。堆内存用来存放由创建的对象和数组，在堆中分配的内存，由虚拟机的自动垃圾回收器来管理。这也是比较占内存的原因，实际上，栈中的变量指向堆内存中的变量，这就是中的指针堆：（对象）引用类型的变量，其内存分配在堆上或者常量池（字符串常量、基本数据类型常量），需要通过new等方式来创建。堆内存主要作用是存放运行时创建(new)的对象。（主要用于存放对象，...

RyanQ 2019-08-15 11:10 评论0 收藏0