js的数据类型、js基本类型与引用类型的存储方式（深拷贝、浅拷贝原理）

我们先来讨论一下js的数据类型

js的数据类型

js的数据类型主要可以分为两大组：基本类型和引用类型。
基本类型：null、undefine、string、number、boolean、symbol（es6）新增
引用类型：object
基本上来说，引用类型都是直接操作值，而引用类型是操作其引用。
在java等一些语言中,string其实是object的子类（这种说法可能不准确，姑且先这么说吧），每当string类型的变量值改变，都会重新开辟一块空间存储新的string值。但是在js中摒弃了这种

基本类型和引用类型操作比较

我们先来看一下基本类型和引用类型在变量复制的过程中有何不同。这也从深层次体现了深拷贝和浅拷贝的原理。

基本类型

let a = 3;
let b = a;
b = 2;
console.log(a, b);

大家猜一下这里输出的是什么？ 当然是3, 2。
我们画个图来说明一下

引用类型

let a = { name: 'John', age: 18};
let b =a;
b.age = 20;
console.log(a.age, b.age);

这里又输出的是什么呢？运行发现输出20,20
这是为什么呢？我们明明只改变了b的age属性，为什么a的age也变成了20呢？
再画个图进行说明：

通过上面的分析。我们得出如下结论：
基本类型复制的是值。而引用类型复制的是其引用。

1. 基本类型值在内存中占据固定大小的空间，因此被保存在栈内存中
2. 从一个变量向另一个变量复制基本类型的值，会创建这个值得一个副本
3. 引用类型的值是对象，保存在堆内存中
4. 包含引用类型值得变量实际上包含的并不是对象本身，而是一个指向该对象的指针
5. 从一个变量向另一个变量复制引用类型的值，复制的其实是指针，因此两个变量最终都指向同一个对象