【JS】内存空间（堆和栈）

数据类型

• 基本数据类型

数据类型	含义
Number	数值
String	字符串
Boolean	布尔值
Undefined	未定义
Null	空
Symbol	符号（ES6新增）

• 复杂数据类型

数据类型	含义
Array	数组
Object	对象
Function	函数

内存空间

• 我们的存储空间分为两种 栈和堆
• 栈：主要储存基本数据类型的内容
• 堆：主要存储复杂数据类型的内容

栈数据结构

• 栈空间特点：先进后出，后进先出

- 栈中存取数据的方式与这种乒乓球的存放方式如出一辙。

- 处于盒子中最顶层的乒乓球5，它一定是最后被放进去，但可以最先被使用。

- 而我们想要使用底层的乒乓球1，就必须将上面的4个乒乓球取出来，让乒乓球1处于盒子顶层

---

• 直接在栈空间内存储一个数据
• var num = 100;,在内存中存储的情况

堆数据结构

• 堆数据结构是一种树状结构，它的存取数据的方式，则与书架与书非常相似

书虽然也整齐的存放在书架上，但是我们只要知道书的名字，就可以很方便的取出我们想要的书，

而不用像从乒乓球盒子里取乒乓一样，非得将上面的所有乒乓球拿出来才能取到中间的某一个乒乓球。

好比在JSON格式的数据中，我们存储的key-value是可以无序的，因为顺序的不同并不影响我们的使用，我们只需要关心书的名字。

---

• 复杂数据类型的存储

1. 在堆内存里面开辟一个存储空间
2. 把数据存储到存储空间内
3. 把存储空间的地址赋值给栈内存里面的变量
4. 也就是说栈内存存的是它的地址不是值

• 下面这个对象的存储

var obj = {
	name: 'jack',
	age: 18,
	gender: "男";
}

堆和栈比较

• 我们只能直接访问栈内存里面的内容
• 如果你想访问一个对象里面的成员
• 因为对象本身在堆内存里面
• 我们就要利用栈内存里面的地址，找到堆内存里面的数据存储空间
• 然后访问内部里面的成员

var obj = {
	name: "Jack",
	age: 18
}
console.log(name);	// 报错
/*
这个就相当于直接在栈空间里面找 name 这个变量
但是 name 是储存在堆空间里面的，所以在栈里面找不到
因为栈空间只是一个地址
*/ 
console.log(obj.name);	// Jack
/*
这个就相当于先在栈空间里面找 obj 这个对象的地址
再通过 obj 这个对象的地址，去堆空间里面找 name 这个变量
obj.name 就相当于通过 点 前面的地址找到他后面的储存空间
*/ 

---

基本数据类型

• 基本数据类型是值之间的比较
• 直接比较存在栈空间里面的值即可

var num = 1;
var str = '1';

console.log(num==str);	//true

• 赋值就是把变量存储的值直接赋值给另一个变量
• 赋值过后的两个变量就没有关系了

var a = 10;
var b = a;	// 
a = 20;
// 赋值过后的两个变量就没有关系了,不会影响
console.log(a);		// 20
console.log(b);		// 10

复杂数据类型

• 复杂数据类型是地址之间的比较
• 因为栈空间里面的变量存储的是它的地址

var obj1 = {name: 'jack'};
var obj2 = {name: 'jack'};

console.log(obj1==obj2);	//false

1. 在上面我们创建了两个对象，那么就会在堆空间里面开辟两个存储空间存储数据（两个地址）
2. 虽然储存的内容是一样的，那么也是两个储存空间，两个地址
3. 复杂数据类型之间就是地址的比较，所以obj1和obj2两个变量的地址不一样
4. 所以我们得到的就是false

---

• 赋值的时候，实际上就是把一个变量的地址给了另一个变量
• 赋值过后，两个变量操作一个空间

var obj = {
	name: "Jack",
	age: 18
}
var newObj = obj;	
/*
相当于在栈空间里面从新开辟一个新的 newObj 存储空间
然后把 obj 把在栈空间里面的地址赋值给栈空间里面的 newObj 
并没有从新在堆空间开辟一个新的 newObj 存储空间
相当于 newObj 在堆空间里还是继续用的 obj 这个储存空间
*/ 
obj.age = 19;
// 赋值过后的两个变量因为是操作一个空间，会互相影响
console.log(obj.age);		// 19
console.log(newObj.age);	// 19

• 看不懂？没关系，打个比方：
• 复杂数据类型存储的地方看做是一个房子
• 而在栈空间存的是打开这个房子的钥匙
• newObj = obj不是说newObj新买了个房子
• 而是相当于 obj 把钥匙复制了一份给了 newObj
• 房子还是那个房子，并没有变
• 然后 newObj 就能进去这个房子里面，把电视砸了
• 等 obj 进去的时候就会发现电视是坏的