美文网首页Vue.js让前端飞
js随手笔记-------理解JavaScript中的堆和栈

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

作者: 前端一菜鸟 | 来源:发表于2019-04-19 17:11 被阅读0次

最近由于做的项目需求牵扯到了大量的数据处理,于是就想了解一下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堆内存中的数据。
[图片上传失败...(image-9526e6-1555664906801)]

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

var arr1 = [1,2,5,8]; 
var arr2 = []; 
for(var i=0;i<arr1.length;i++){
   arr2[i]=arr1[i];
};
console.log(arr2)//1,2,5,8
arr2[4]=99;
console.log(arr2)//1,2,5,8,99
console.log(arr1)//1,2,5,8

javascript面向对象的语言本身在处理对象和非对象上就进行了划分,从数据结构的角度来讲,对象就是栈的指针和堆中的数值。

相关文章

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

    最近由于做的项目需求牵扯到了大量的数据处理,于是就想了解一下javascript中的数据类型,于是就百度了一下找到...

  • js/jquery 学习笔记

    理解JavaScript中的堆和栈 这里先说两个概念:1、堆(heap)2、栈(stack)堆是堆内存的简称。栈是...

  • 理解JavaScript中的堆和栈

    堆是堆内存的简称。 栈是栈内存的简称。 栈(Stack),具有后进先出的特点(LIFO,last in first...

  • JavaScript 中的深拷贝和浅拷贝

    JavaScript 内存中的堆和栈 栈(stack):堆是 JavaScript 用来存储静态数据的数据结构。静...

  • JS中的基本数据类型与所在内存空间那些事

    一、内存空间 为了便于理解,我们暂且先将Js的内存分为栈内存和堆内存。 JavaScript具有垃圾自动回收机制,...

  • 【Javascript】探究javascript中的堆/栈/任务

    堆/栈/队列 在javascript中,存在调用栈 (call stack)和内存堆(memory heap) ,...

  • JavaScript中的堆和栈

    1. 堆heap和栈stack的区别 在计算机领域中,堆栈是两种数据结构,它们只能在一端(称为栈顶(top))对数...

  • javascript中的堆和栈

    这篇文章是对上次堆栈考察题的一个概念补充,我们知道,基本类型是保存在栈内存中,复杂类型保存在堆内存中 堆和栈 定义...

  • JS中的栈和堆

    学过数据结构的同学对于栈和堆都多少有点了解吧!不了解也没关系,学习JS中的栈和堆也一样的_,下面我们来看看栈和堆到...

  • JS 垃圾回收

    内存 JS 数据的存储地址分为栈内存和堆内存。 栈内存 堆内存 在 JS 存放数据的内存中又分为高位和低位,其中高...

网友评论

    本文标题:js随手笔记-------理解JavaScript中的堆和栈

    本文链接:https://www.haomeiwen.com/subject/gujcgqtx.html