javaScript的内存—堆与栈

       时不时有时候问自己，在js中基本数据类型存储在哪里，引用类型的数据存储在哪里。常常逛逛帖子温习，当时是记住了，过后一不小心又忘记了。这其实说白了，还是没有自己理解，只是强行记忆罢了。与其每次记不起来的时候，要去网上找各种资料，不如，今天就自己作一个记录，便于闲暇时自己翻阅。本文中，可能会引用其他人的话述，如有侵权，告知立删。

       说到js的内存存储就不得不说堆与栈。其实js在运行时，在内存当中专门开辟出一个数据区，这个数据主要是堆（heap）和栈（stack），它们的作用都是用来存储数据的,但是两者又有所区别。

区别：

-	堆（heap）	栈（stack）
存储类型	引用类型	基本类型
存储速度	慢	快
数据共享	否	是
内容释放	垃圾回收机制自动释放	手动

ps：栈中的数据大小与生存周期必须是确定的，所以缺乏灵活性。

栈(stack)

栈有一个很重要的特性就是数据可共享。

    var a = 1;
    var b = 1;

       js在运行时，首先会在栈中查询是否存储了a这个变量，如果没有，就开辟出一块区域用来存储a这个变量，如果在栈中发现，有a这个变量，那么忽略这步开辟的操作，然后去栈中查找是否有1这个值，如果没有就将1这个值，存储到栈中，并且将这个值的直接赋给a；当运行到var b = 1的时候，又重复上一步操作，这样就出现了a和b同时使用1这个值的情况。此时如果再令b = 'abc'时，js引擎会把abc这个值又存储到栈中，再赋给b，所以b的值发生了变化，而a却还是初始赋的值。

堆(heap)

堆其实存放的是数据引用地址，我的理解：它是一个"抽象"的概念。下面我说用实例再结合生活的例子去解释。

    var obj = {"a": 10, "b": 11};

       js在运行时，首先在栈中查询是否存储了obj这个变量，如果没有，就在栈中开辟一块区域用来存储obj这个变量，然后继续后面的赋值操作，发现obj的值是属于引用类型的数据，js引擎会立即在堆内存中开辟一块区域出来用来存储{"a": 10, "b": 11}这个对象，然后再将这个对象在内存中存放的引用地址赋值给obj，而不是直接将{"a": 10, "b": 11}这个对象直接赋值给obj。

这个过程其实跟生活中盖房一样。街道办给了你一块地让你们家盖房子，房子盖好后，就会给这个房子进行门牌编号一样。客人要去拜访你们家人，是直接按地址去找到你们家的，而不是直接把你们家的房子直接搬到他面前的道理一样。

再来解决一下这个引用地址

    var obj1 = {"a": 10, "b": 11};
    var obj2 = obj1;

js在运行时对obj1的操作，是上面一例子的整个过程，而到了obj2的赋值的时行看到了obj2 = obj1，它的理解是把obj1的值数据的引用地址赋给obj2。当obj1的值发生变化的时候，obj2的数据值也会发生变化。例如，obj1.a = 13; 那么obj2.a也必将变成13；

再用上面房子的例子解决一下，比如果说，obj1中的a就是你们壁纸，你感觉你们家的墙壁的贴纸不好看，然后你换了一张你比较喜欢的“中国风”的墙纸，所以客人再来你家看的时候，发现你们的墙纸变化了，而不是之前看到的那张墙纸一样的道理。

再说说对引用数据类型的操作吧，举个删除的例子

    var obj1 = {"a":12, "b": 13};
    delete obj1.a;

delete ojb1.a，把obj1还是看成你们家，a看到你们家的生活垃圾，删除a的时候，其实就是早上你丢掉你们家的生活垃圾一样，其实你们家的任何东西，都于外人来说都是无关紧要的。客人只要知道你们家的地址就好了，下次去找到你们家，还只是按地址，不是按你们家具体的实物去找。

今天就谈到这里，都是一些基本的概念，但是通过概念能发现之前你所不能理解的东西。