JavaScript:数据的存储

mac2024-04-07  26

在JavaScript中,变量基本上分为两大类:值类型(也称为基本类型)和引用类型,当然在ES6中新提出了一种新的类型,就是Symbol类型,在这里我们主要说一下值类型和引用类型:

值类型:number(数值类型),string(字符串类型),Boolean(布尔类型),null,undefined;引用类型:object(对象),array(数组),function(函数)

先看下对于值类型和引用类型的定义:

值类型是变量之间的互相赋值,是指开辟一块新的内存空间,将变量值赋给新变量保存到新开辟的内存里面,之后两个变量的值变动互不影响;变量之间的互相赋值,只是指针的交换,而并非将对象(普通对象,函数对象,数组对象)复制一份给新的变量,对象依然还是只有一个,只是多了一个指引;

上面定义提到的开辟内存空间,分别指的就是栈和堆。值类型是保存在栈内存中的简单数据段,它们的值都有固定的大小,保存在栈空间,通过按值访问;而引用类型是保存在堆内存中的对象,值大小不固定,栈内存中存放的该对象的访问地址指向堆内存中的对象,JavaScript不允许直接访问堆内存中的位置,因此操作对象时,实际操作对象的引用,也就是指针指向的位置,我们先看下面示例代码和示意图:

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

根据图示可以看到值类型直接保存在栈中,而引用类型是访问栈中的变量去堆中找对应的地址。

所以在我们赋值变量的时候,值类型和引用类型的赋值是不一样的:

// 值类型复制 var a = 1; var b = a; b = 2; // 因为变量a赋值是是在栈内开辟了一个空间来存放,当变量b复制a的时候,同样在栈内开辟了一个新的空空间,当我们再去改变b的值,不会影响到a; // 引用类型复制 var object1 = { a : 1 }; var object2 = object1; object2.a = 2; // 因为变量object1是一个对象,在创建的时候是在栈内有一个地址指向了堆的实际存储,当变量object2复制object1时,实际上是复制了object1的指向地址,当我们改变object2内的属性值时,实际上改变的是堆内的数据,而object1指向的也是这个地址,所以改变object2的时候也会改变object1

以上就是对值类型和引用类型两种数据的存储做的解释,希望对你们有帮助!!!

最新回复(0)