理解JavaScript中的堆和栈

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

  • 说到堆栈,我们讲的就是内存的使用和分配,没有寄存器的事,也没有硬盘的事。
    各种语言在处理堆栈的原理上都大同小异。堆是动态分配内存,内存大小不一,也不会自动释放。栈是自动分配相对固定大小的内存空间,并由系统自动释放
  • javascript的基本数据类型就5种: undefined、null、boolean、number和string。它们都是直接按值存储在栈中的,每种类型的数据占用的内存空间的大小是确定的,并由系统自动分配和自动释放。这样带来的好处就是,内存可以及时得到回收,相对于堆来说,更加容易管理内存空间
  • javascript中其它数据类型被称为引用数据类型: 如object、array、function…。它们是通过拷贝和new出来的,这样的数据存储于堆中。其实,说存储于堆中,也不太准确。因为,引用数据类型的地址指针是存储于栈中的,当我们想要访问引用数据类型的值的时候,需要先从栈中获得对象的地址指针,然后,再通过地址指针找到堆中的所需要的数据。
  • 说来也是形象,栈、线性结构,后进先出,便于管理。堆,一个混沌,杂乱无章,方便存储和开辟内存空间

传值与传址

let arr1 = [1, 2, 5, 8]
let arr2 = arr1
let 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(arr2[2])  // 5
  • 从上面的例子得知,当我改变arr2中的数据时,arr1中的数据也发生了变化,当改变str1的数据值时,arr1却没有发生改变。为什么?这就是传值与传址的区别。
  • 因为arr1时数组,属于引用数据类型,所以它赋值给arr2的时候传的时栈中的地址(相当于新建了一个不同名的’指针’),而不是堆内存中的对象的值。str1得到的是一个基本数据类型的赋值,因此,str1仅仅时从arr1堆内存中获取了一个数值,并直接保存再栈中。arr1、arr2都指向同一块堆内存,arr2修改堆内存的时候,也会影响到arr1,str1是直接在栈中修改,并且不能影响到arr1堆内存中的数据。在这里插入图片描述

深拷贝和浅拷贝

  • 上面说到的赋值方式就是浅拷贝,那么什么叫做深拷贝?就是要将arr1的每个基本数据类型的数据都遍历一遍,依次的赋值给arr2的对应字段。避免产生因为地址引用带来的问题。
let arr1 = [1, 2, 5, 8]
let arr2 = []
for (let 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面向对象的语言本身在处理对象和非对象上进行了划分,从数据结构的角度来讲,对象就是栈的指针和堆中的数值。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值