js中基本数据类型和引用数据类型的区别，一个初学者特别容易忽略的地方

废话不多说，上来先搞两个例子

let a = "番茄";
let b = a;
b = "西红柿";

console.log(a);				//番茄
console.log(b);				//西红柿

这波操作很正常，再看下面这个，

let a = {name:"番茄",weight:"半斤"};
let b = a;
b.name = "西红柿";
console.log(a);				//{ name: '西红柿', weight: '半斤' }
console.log(b);				//{ name: '西红柿', weight: '半斤' }

有没有很奇怪，我明明是修改了b的name为西红柿，为什么a的name也变了呢？

---

这里是因为上面的例子和下面的例子的数据类型不同，上面的例子属于基本数据类型，下面的例子属于引用数据类型。

js中有五大基本数据类型，string（字符串），number（数字），boolean（布尔值），null（空），undefined（未定义），其余的都是引用数据类型。

基本数据类型是存放于栈区内的，它的存储结构如图：

引用数据类型是同时存放于栈区和堆区的，结构如图：

当我们初始化a为一个对象的时候，对象本身存储于堆内，而a的值实际上是保存了堆的内存地址，当我们声明b=a的时候，并没有创建另一个新的对象，而是把a的堆内存地址赋值给了b，这个时候a，b其实是指向了同一个对象。所以，第二个例子也就不难理解了，当修改了b的name为西红柿的时候，a的name也变了，因为它们本身就是同一个对象。

这就是基本数据类型与引用数据类型的区别，由于基本数据类型只存在于栈区中，所以基本数据类型的值之间都是相互独立的，而引用数据类型之间则可以相互影响。