javascript 栈和堆

堆和栈

栈:系统会自动分配内存空间,会自动释放,存放基本数据类型undefined、null、boolean、string、number,栈还有一个很重要的特性,就是存在栈中的数据可以共享。
栈的使用规则:
栈中首先创建一个变量为a引用,然后查找栈中是否有3这个值如果没有就将a指向3,到b的时候查找栈中是否有3这个值,因为栈中已经有3这个 值就直接将b指向3

    var a = 3
    var b= 3

堆:动态分配内存大小,也不会自动释放,存放引用类型(function object array)存放的变量实际保存的是一个指针,这个指针指向另一个位置,每个空间大小不一样,要根据情况进行特定的分配。
堆的使用规则:当创建数组时,就会在堆内存创建一个数组对象,并且在栈内存中创建一个对数组的引用(即引用类型在占内存中存放的只是该对象访问的地址,而在堆内存中为这个值分配空间存储)。下面的newArray、oarray为复合数据类型(引用类型),他们的引用变量存放在栈中,指向与存放在堆中的实际对象,因为他们的指向是一个地址如果任意一个更改数值另一个也会跟着变化。

 var fruit_1="apple";
var fruit_2="orange";
var fruit_3="banana";
var oArray=[fruit_1,fruit_2,fruit_3];
var newArray=oArray;

总结:
栈:存基本数据类型,传值。
堆:存引用类型,传地址。

浅拷贝

下面的例子中我们声明了一个名为a的对象copy函数是把a复制了一遍名为c最后return我们又声明了一个b=c因为他们是引用类型所以a和b和c的指针指向的是一个地址,因为a.key2是一个引用类型所以我们给b.key2添加了东西a里面也会添加。

      var a = {
        key1:'xiaozhang'
   }
   function copy(parameter){
        var c = {}
        for(var i in parameter){
             c[i] = parameter[i] 
        }
        return c
   }
   a.key2=[18]
   var b = copy(a)
    b.key2.push('打回')
   console.log(b.key1) //xiaozhang
   console.log(b.key2)  //(2) [18, "打回"]
   console.log(a.key2)  //(2) [18, "打回"]

深拷贝

因为上面的例子中我们父子对象之间产生了相互关联,在下面的例子中我们通过递归就可以阻断赋值之间的关联。

 var a = {
         key1:'xiaozhang',

    }
function Copy(p, c) {
          var c = c || {};
          for (var i in p) {
            if (typeof p[i] === 'object') {
               c[i] = (p[i].constructor === Array) ? [] : {};
  
               Copy(p[i], c[i]);
            } else {
               c[i] = p[i];
            }
        }
        return c;
   }    
     a.key2 = ['小辉','小辉'];
     var b={};
     b = Copy(a,b);        
     b.key2.push("大辉");
     console.log(b.key2);    //小辉,小辉,大辉
     console.log(a.key2);    //小辉,小辉
   /*注释:
       当我们第一次执行copy函数时是走的else当我们第二次执行的时候走的是if因为第二次是个数组所我们把c赋值了一个数组,然后咱if里面执行了copy执行这次的时候里面的参数为数组和一个空数组if循环每个都是字符串所以走的是else最后扔出

    原文作者:箫筱乐
    原文地址: https://www.jianshu.com/p/bd30e456a9d9
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞