内容字号:默认大号超大号

段落设置:段首缩进取消段首缩进

字体设置:切换到微软雅黑切换到宋体

浅谈JavaScript深浅拷贝那点事儿(1)

2017-10-12 16:58 出处:清屏网 人气: 评论(0

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

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

简单说 栈为自动分配内存空间 由系统自动释放

堆是动态分配的内存 大小不定也不会自动释放

  • 栈数据结构

    网上好的例子

上图很详细的说明了栈数据结构空间的存储

对于栈来说 栈的数据操作 都要在栈顶来操作

  • 堆数据结构

上面可以看到都是散落的

对于堆来说 数据项没有固定顺序 不想栈一样有顺序 在堆操作数据可以任何顺序操作 不需要必须在顶部来操作

  • 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 也改变了

可以看到如果通过这种方式来看的话 引用类型 基本类型本质上的区别 按值 按址

分享给小伙伴们:
本文标签: JavaScript

相关文章

发表评论愿您的每句评论,都能给大家的生活添色彩,带来共鸣,带来思索,带来快乐。

CopyRight © 2015-2016 QingPingShan.com , All Rights Reserved.

清屏网 版权所有 豫ICP备15026204号