谈谈 js 深浅拷贝 那点事(一)

深拷贝与浅拷贝 不知道大家是咋理解的 有没有从内存空间角度去理解 前天看了一个内存空间 堆栈 下面卖弄下

在学习数据结构时候 堆栈是很熟悉了 在一端去对数据的操作

简单说 栈为自动分配内存空间 由系统自动释放
堆是动态分配的内存 大小不定也不会自动释放

  • 栈数据结构
    网上好的例子

上图很详细的说明了栈数据结构空间的存储
对于栈来说 栈的数据操作 都要在栈顶来操作

  • 堆数据结构

上面可以看到都是散落的
对于堆来说 数据项没有固定顺序 不想栈一样有顺序 在堆操作数据可以任何顺序操作 不需要必须在顶部来操作

  • js 数据类型 和堆 栈
    js中数据类型分为两类

    1. 基本类型: Undefined Null Boolean Numer String 5种基本数据类型放在栈内存中简单数据段 数据大小确定 内存空间自动分配

      var name = 'jozo'
      var city = 'gaungzhou'
      var age = 22

      上面有几个基本类型变量 在内存中结构
      内存中 包括了变量的 标识 和 值

  1. 引用类型: Object Array fun 这些引用类型 比如数组 他们的值大小是不固定的 这些放在堆内存中 js是不允许直接访问堆内存因此不能直接操作对象堆内存空间 在变量中实际上保存一个指针 这个指针指向另一个位置 实际要操作的是一个指针 不是实际对象 这个地址跟堆内存的实际值相关联

       var a = 20
       var b = 'abc'
       var c = true
       var d = { m:20 }


上图可以看到 当要访问对内存中引用类型时候 实际上从变量对象中获取这个对象地址指针 然后从堆内存中获取数据

上面js中的数据类型内存存储

  • 数据类型特性

    1. 看基本数据类型

      var a = 1
      var b = a
      b = 2   //a还是1

      基本数据类型保存在栈中 系统自动为变量分配一个值 a b 都是1 但是他们是栈中两个相互对立的东西 所以修改b 对于a来说没有影响

    2. 看引用数据类型

      var m = { a: 10, b: 20 }
      var n = m
      n.a = 15

      引用类型真正的对象保存在堆中 var m = {} 在栈中保存了一个标识跟值 根据上述说的引用类型栈中变量对象保存是一个 堆内存的指针地址
      var n = m 这里栈中自动为其分配一个空间 也是保存一个标识跟值 值也是保存的一个指针地址
      n.a = 15 改变了n的a属性 虽然栈中保存的两个相互独立东西 但是指针指向堆内存是对象是一样的 就导致了 m 也改变了

可以看到如果通过这种方式来看的话 引用类型 基本类型本质上的区别 按值 按址
下一篇拷贝实际例子
参考链接:
内存空间详细图解

关注下面的标签,发现更多相似文章
评论
说说你的看法