其他分享
首页 > 其他分享> > JS中堆与栈

JS中堆与栈

作者:互联网

堆(heap):堆内存的简称。 
栈(stack):栈内存的简称。 
在js中的变量分为基本类型和引用类型。基本类型就是保存在栈中的简单数据段,而引用类型就是那些保存在堆内存中的对象。 
基本类型在内存中分别占有固定大小的空间,会自动释放。引用类型值大小不固定,栈内存中存放地址指向堆内存中的对象,当查询引用类型的变量时候先从栈中读取内存地址,然后再通过地址找到堆中的值。 
var arr1 = [0, 1, 2, 3];
var arr2 = arr1;
var str1 = arr1[2];
console.log(arr2); // 0, 1, 2, 3
console.log(str1); // 2

arr2[4] = 4;
str1 = 5;
console.log(arr1); // 0, 1, 2, 3, 4
console.log(arr1[2]); // 2
上面例子可以看出,当修改arr2中数据时候,arr1中的数据也发生了改变,而当修改str1的数值时,arr1中数据没发生改变。

因为arr1时数组,属于引用类型,所以它赋值给arr2时候传的是栈中的地址(“指针”’),而不是堆内存中的对象。arr1 arr2都指向同一块堆内存,当arr2修改堆内存时候也就会影响到了arr1。str1得到的是一个基本类型的值,所以str1仅仅是从arr1堆内存中获取了一个数值,保存于栈内存中。str1是直接在栈中修改,并不能影响到arr1堆内存中的数据。

栈由编译器自动分配释放,堆 一般由程序员分配释放。栈固定大小用于存放基本类型,引用类型值大小不固定,栈内存中存放地址指向堆内存中的对象。

javascript的基本类型就5种:Undefined、Null、Boolean、Number和String,它们都是直接按值存储在栈中的,每种类型的数据占用的内存空间的大小是确定的,并由系统自动分配和自动释放。这样带来的好处就是,内存可以及时得到回收,相对于堆来说,更加容易管理内存空间。

javascript中其他类型的数据被称为引用类型的数据 : 如对象(Object)、数组(Array)、函数(Function) …,它们是通过拷贝和new出来的,这样的数据存储于堆中。其实,说存储于堆中,也不太准确,因为,引用类型的数据的地址指针是存储于栈中的,当我们想要访问引用类型的值的时候,需要先从栈中获得对象的地址指针,然后,在通过地址指针找到堆中的所需要的数据。

栈,线性结构,后进先出,便于管理。堆,一个混沌,杂乱无章,方便存储和开辟内存空间

 

浅拷贝就是只是简单拷贝栈中的地址指针,深度拷贝相当于拷贝之后两者完全无关,下面是一个深度拷贝例子:

function deepCopy(obj){
            var o;
            switch(typeof obj){
            case 'undefined': break;
            case 'string'   : o = obj + '';break;
            case 'number'   : o = obj - 0;break;
            case 'boolean'  : o = obj;break;
            case 'object'   :
                if(obj === null){
                    o = null;
                }else{
                    if(obj instanceof Array){
                        o = [];
                        for(var i = 0, len = obj.length; i < len; i++){
                            o.push(deepCopy(obj[i]));
                        }
                    }else{
                        o = {};
                        for(var k in obj){
                            o[k] = deepCopy(obj[k]);
                        }
                    }
                }
                break;
            default:
                o = obj;break;
            }
            return o;
        }
 

标签:中堆,obj,str1,JS,内存,arr1,类型,arr2
来源: https://blog.csdn.net/weixin_42122544/article/details/100554527