如何正确理解栈和堆？

前言

学过计算机的童鞋们都知道栈和堆，说实话大学的时候真没好好听讲，也就知道个大概，今天就简单的总结一下，浅谈栈和堆，去了解一下我们平时定义变量的时候，在计算机中是怎么存储的。

什么是堆和栈？

堆和栈实际上是两种数据结构。堆栈都是一种数据项按序排列的数据结构，只能在一端(称为栈顶(top))对数据项进行插入和删除。堆栈是个特殊的存储区，主要功能是暂时存放数据和地址。

堆和栈什么区别？

• 栈（操做系统）：由操做系统自动分配释放 ，存放函数的参数值和局部变量的值等。其操做方式相似于数据结构中的栈。简单的理解就是当定义一个变量的时候，计算机会在内存中开辟一块存储空间来存放这个变量的值，这块空间就叫作栈，然而栈中通常存放的是基本类型数据，栈的特色是先进后出（或后进先出）
• 堆（操做系统）： 通常由程序员分配释放， 若程序员不释放，程序结束时可能由OS回收，分配方式却是相似于链表。其实在堆中通常存放变量是一些对象类型

代码中去理解栈和堆？

话很少说，我们先上一段简单的代码，本身去思考一下会打印出什么结果而且为何会打印这种结果？，在堆和栈中怎么呈现的？，在看下面对应的解释，这样的话可能就更好的理解了。

//1
	var a = 10;
	b = a;
	b += 20;
	alert(a);
	
	//2
	var obj = {
		name : "jack"
	};
	b = obj;
	b.name = "Lily";
	alert( obj.name );
	
	//3
	var arr = [1,2,3];
	brr = arr;
	brr[0] = 10;
	alert( arr[0] );
	
	//4
	var a = 20;
	function fun(a){
		a += 30; 
	}
	fun( a );   
	alert( a );
	
	//5
	var arr = [1,2,3];
	function fun(brr){
		brr[0] = 20;
	}
	fun(arr); 
	alert(arr[0]);
复制代码

上图：

对着这张图就能够理解第一道题为何会打印10了，当你声明一个变量，计算机会在栈中给你开辟一个内存空间去存储这个变量，当你去改变b的时候，那也只是去改变了b，因此a空间的值是不会受到任何影响，因此第一道题会打印出来10。

继续上图：

上面说了栈中存储的是基本类型的数据，若是是数组，对象等这些呢？上面这个图就能看出来，对应着第三道题看，若是定义一个arr = [1，2，3]。在栈中就会存储一个地址，在堆中就会存储对应地址的值，这个地址就会指向对应的数据，那这个地址在计算机中叫什么呢？其实就是所谓的指针变量， brr = arr; 叫作地址传值，你会发现brr在堆中是指向同一个位置，从而当你改变brr[0]的时候，arr[0]也是跟着改变了，因此第三那道题的答案也就出来了，再也不是1而是10；因此这种地址传值也就称其为一改全改。

补充

上面提到的一改全改不知道你在真正开发的时候想到的了什么，那就是深拷贝和浅拷贝的问题，在开发中会常常遇到这种问题，关于拷贝你能够看看个人这篇文章，<--点这里。

总结

以上讲解自我感受通俗易懂，没有太多华丽的语言，看的舒服看得懂才是最重要的，若是你是作前端的，若是你是非计算机专业半道出家的我相信也是对你有多帮助的，固然还有更专业的讲解。剩下得几道题能够本身去对着思考思考了，若是能帮到你更好的理解关于堆和栈，请给我一个小小的赞做为鼓励，我会更努力的写文章。