JavaScript中的栈内存和堆内存

基本概念

JavaScript中的变量分为基本类型和引用类型.

基本类型:

Undifined,Null,Boolean,Number和String,这些简单数据段在内存中分别占有固定大小的空间,他们的值保存在栈空间,是按来访问的.

引用类型:

引用类型时保存在堆内存中的对象,引用类型的值大小不固定,栈内存中存放地址指向堆内存中的对象,是按引用来访问的.

结合代码和图来理解

1
2
3
4
5
var a = 0; //栈内存
var a2 = "this is string"; //栈内存
var a3 = null; //栈内存
var b = { x:10 };//变量b存在于栈中,{x:10}作为对象存在于堆中
var c = [1,2,3];//变量c存在于栈中,[1,2,3]作为对象存在于堆中

在这里插入图片描述
当我们要访问堆内存中的引用数据类型时

  1. 从栈中获取该对象的地址引用
  2. 再从堆内存中获得我们需要的数据

基本类型发生复制行为

1
2
3
4
var a = 20;
var b = a;
b = 30;
console.log(a);//20

结合下图进行理解
在这里插入图片描述
在栈内存中的数据发生复制行为时,系统会自动为新的变量分配一个新值,最后这些变量都是相互独立的

引用类型发生复制行为

1
2
3
4
var a ={ x:10, y: 20 };
var b = a;
b.x = 5;
console.log(a.x);//5
  1. 引用类型的复制,同样为新的变量b分配一个新的值,保存在栈内存中,不同的是,这个值仅
    仅是引用类型的一个地址指针
  2. 他们两个指向同一个值,也就是地址指针相同,在堆内存中访问到的具体对象实际上是同一个
  3. 因此改变b.x时,a.x也发生了变化,这就是引用类型的特性
  4. 结合下图理解
    在这里插入图片描述

总结

在这里插入图片描述