JavaScript：数据的存储

在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

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