在学习前端开发的过程中,我们经常会看到栈和堆这两个关键字,那什么是栈,什么是堆呢?
栈(Stack)和堆(Heap)都是计算机内存中的内存管理方式。
一、数据类型
为了更好的理解栈和堆,我们先来了解一下JS0- 的数据类型。
JS中的变量数据类型由变量值决定,数据类型分为两类,基础数据类型和引用数据类型。
1、基础数据类型(简单数据类型)
JavaScript 中的基础数据类型及其说明如下:
2、引用数据类型(复杂数据类型)
引用类型:Function,Array,Object等
二、什么是栈,什么是堆
栈(Stack):
栈是一种先进后出(Last In First Out)的数据结构,它的空间由操作系统自动分配和管理。栈中存储的数据类型是在编译期间确定的,它的大小和生命周期都是固定的。一般情况下,栈的空间相对较小,可以存储一些局部变量和函数调用返回值等临时数据。
堆(Heap):
堆是一种动态分配的内存区域,它的空间由程序员手动分配和管理。在堆中分配的空间不会在函数调用结束时自动释放,需要手动释放,否则会造成内存泄漏。堆中存储的数据类型可以是任意类型,其大小和生命周期都是不确定的,可以根据需要动态申请和释放。
总结:
总的来说,栈和堆都是内存管理方式,它们不同的地方在于空间的分配和使用方式、大小和生命周期等方面。在程序设计中,根据实际需求,我们可以选择合适的存储方式来管理内存。
三、栈和堆的溢出
1、什么是栈和堆的溢出?
每次执行JavaScript代码时,都会分配一定尺寸的栈空间,每次方法调用时都会在栈里储存一定信息(如参数、局部变量、返回值等等),这些信息再少也会占用一定空间,如果存在较多的此类空间,就会超过线程的栈空间了。
说白了就是就是不顾堆栈中分配的局部数据块大小,向该数据块写入了过多的数据,导致数据越界,结果覆盖了别的数据。
2、栈和堆溢出的原因是什么?
由于过多的函数调用,导致调用堆栈无法容纳这些调用的返回地址。因为栈内存空间有限,当你执行一些递归操作没有阻断或者释放的时候,反复调用,栈内存执行序列就会排不下了。
3、怎么解决呢?
(1)使用setTimeout()来解决(推荐)
(2)使用闭包解决
(3)使用尾调用