美文网首页
理解JavaScript中的堆和栈

理解JavaScript中的堆和栈

作者: Jony0114 | 来源:发表于2019-07-26 17:43 被阅读0次

是堆内存的简称。

是栈内存的简称。

栈(Stack),具有后进先出的特点(LIFO,last in first out),是一种高效的列表,只对栈顶的数据进行添加和删除,这就好像一大摞盘子,每次都是取最上边的,每次也都会把新盘子放到最上边去。对栈的操作主要是压栈push和出栈并删除pop,还有peek方法,找到栈顶数据,并返回这个数据。当然,栈还会有其他一些基本的操作如empty属性、clear方法、length等。栈除了适合用于记录数值和地址以外,还适合协助数制间的转换,如二进制转换为八进制等。还可以模拟递归和处理回文(回文是正着排列的文字和倒着排列的文字都是一样的一种形式)。

队列(Queue),具有先进先出(FIFO,first in first out)的特点,是只能在队首取出或者删除元素,在队尾插入元素的列表。队列的用处很大,除了前边说的堆内存以外(堆内存中会存在队列的数据结构,当然,堆中还会有其他结构如树等),还有消息队列,还可以执行提交操作系统的一系列进程的任务,打印任务池,模拟银行或超市排队的顾客等。对队列的操作主要是入队push(enQueue过程)和出队shift(deQueue过程),还有front(读取队首数据)和back(读取队尾数据)。另外,在计算机早期,打孔纸的年代,还有一种基数排序法是使用队列实现的,虽然不怎么高效,但是很好玩。这个算法需要九个队列,每个对应一个数字。将所有队列保存在一个数组中,使用取余和除法操作决定个位和十位。算法的剩余部分将数字加入相应的队列,根据个位数值对其重新排序,然后再根据十位上的数值进行排序,结果即为排好序的数字。

说到堆栈,我们讲的就是内存的使用和分配了,没有寄存器的事,也没有硬盘的事。

各种语言在处理堆栈的原理上都大同小异。堆是动态分配内存,内存大小不一,也不会自动释放。栈是自动分配相对固定大小的内存空间,并由系统自动释放。

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

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

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

传值与传址

var arr1 = [1,2,5,8];

var arr2 = arr1 ;

varstr1 = 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的对应字段。避免产生因为地址引用带来的问题。

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

相关文章

  • js/jquery 学习笔记

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

  • 理解JavaScript中的堆和栈

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

  • JavaScript 中的深拷贝和浅拷贝

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

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

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

  • JavaScript中的堆和栈

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

  • javascript中的堆和栈

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

  • 栈内存与堆内存

    JavaScript中的执行环境栈和 栈内存与堆内存 小李子_前端 关注 2018.01.17 17:28 字数 ...

  • javascript堆和栈

    javascript变量类型分为基本类型和引用类型 栈 stack”和“堆 heap” 简单的来讲,stack上分...

  • javascript 栈和堆

    堆和栈 栈:系统会自动分配内存空间,会自动释放,存放基本数据类型undefined、null、boolean、st...

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

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

网友评论

      本文标题:理解JavaScript中的堆和栈

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