[JavaScript知识库]JavaScript中的数据类型 存储区别

在JavaScript中，我们可以分成两种类型：

• 基本类型
• ?复杂类型

基本类型主要为以下6种：

• Number
• String
• Boolean
• Undefined
• null
• symbol

  复杂类型统称为Object，我们这里主要讲述下面三种：

• Object
• Array
• Function

基本数据类型和引用数据类型存储在内存中的位置不同：

• 基本数据类型存储在栈中

• 引用类型的对象存储于堆中

当我们把变量赋值给一个变量时，解析器首先要确认的就是这个值是基本类型值还是引用类型值

下面来举个例子

基本类型

let a = 10;
let b = a; // 赋值操作
b = 20;
console.log(a); // 10值

a的值为一个基本类型，是存储在栈中，将a的值赋给b，虽然两个变量的值相等，但是两个变量保存了两个不同的内存地址

?

引用类型

var obj1 = {}
var obj2 = obj1;
obj2.name = "Xxx";
console.log(obj1.name); // xxx

引用类型数据存放在内对内中，每个堆内存中有一个引用地址，该引用地址存放在栈中

obj1是一个引用类型，在赋值操作过程汇总，实际是将堆内存对象在栈内存的引用地址复制了一份给了obj2，实际上他们共同指向了同一个堆内存对象，所以更改obj2会对obj1产生影响

小结

声明变量时不同的内存地址分配：

• 简单类型的值存放在栈中，在栈中存放的是对应的值
• 引用类型对应的值存储在堆中，在栈中存放的是指向堆内存的地址

不同的类型数据导致赋值变量时的不同：

• 简单类型赋值，是生成相同的值，两个对象对应不同的地址
• 复杂类型赋值，是将保存对象的内存地址赋值给另一个变量。也就是两个变量指向堆内存中同一个对象