学过数据结构的同学对于栈和堆都多少有点了解吧！不了解也没关系，学习JS中的栈和堆也一样的^_^，下面我们来看看栈和堆到底是何方神圣……
一.栈和堆
栈(stack)：栈会自动分配内存空间，会自动释放，存放基本类型，简单的数据段，占据固定大小的空间。
基本类型：String，Number，Boolean，Null，Undefined
堆(heap):动态分配的内存，大小不定也不会自动释放，存放引用类型，指那些可能由多个值构成的对象，保存在堆内存中，包含引用类型的变量，实际上保存的不是变量本身，而是指向该对象的指针。
引用类型：Function，Array，Object
二.区别
栈：所有在方法中定义的变量都是放在栈内存中，随着方法的执行结束，这个方法的内存栈也自然销毁。
堆：堆内存中的对象不会随方法的结束而销毁，即使方法结束后，这个对象还可能被另一个引用变量所引用(参数传递)。创建对象是为了反复利用，这个对象将被保存到运行时数据区。
三.栈和堆的溢出
栈：可以递归调用方法，这样随着栈深度的增加，JVM维持着一条长长的方法调用轨迹，知道内存不够分配，产生栈溢出。
堆：循环创建对象，通俗点就是不断的new 一个对象。
var a = [1,0,9,8,7]; var b = a; var c = a[0]; console.log(b); //[1,0,9,8,7] console.log(c); //1 //改变数值 b[1] = 3; c = 5; console.log(b[1]); //3 console.log(a[0]); //1 因为a是数组，是引用类型，赋给b的时候传的是栈中的地址，不是堆内存中的对象，c仅仅是从a堆内存中获取的一个数据值，并保存在栈中，所以b修改的时候，会根据地址回到a堆中修改，c则直接在栈中修改，并且不能指向a堆内存中。
四.深浅拷贝
下面看个栗子
var color1 = ['red','green']; var color2 = []; //复制 for(var i = 0;i < color1.length;i++){ color2[i] = color1[i]; } console.log(color2); //[red,green] color1.push('black'); console.log(color2); //[red,green]var person = { name : 'wang', score:{ math:100, English:100 } }在上面这个小栗子中，score属性还是一个对象。
function cloneObject (obj) {
var newObj = {} //如果不是引用类型，直接返回 if (typeof (obj) !== 'object') { return obj } //如果是引用类型，遍历属性 else{ for (var attr in obj) { //如果某个属性还是引用类型，递归调用 newObj[attr] = cloneObject(obj[attr]) } } return newObj }版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/215999.html原文链接：https://javaforall.net
