js基本数据类型VS引用类型

01、前言

在之前的javascript基础文章中（02、06），我们介绍过，变量有以下数据类型:

• 基本数据类型(值类型) : String字符串、Number数值、Boolean布尔值、Null空值、Undefined未定义。
• 引用数据类型(引用类型) : Object对象。

本文,我们针对这两种类型，做个详细介绍。我们先来看个例子。

基本数据类型举例

var a = 23;
var b = a;

a++;

console.log(a) //输出24
console.log(b) //输出23

上面的代码中: a和b都是基本数据类型，让b等于a ,然后改变a的值之后，发现b的值并没有被改变。但是在引用数据类型中,就不同了,我们来看一看。

引用数据类型举例

var obj = new Object();
obj.name = "小明"
var obj2 = obj

obj.name = "小红"

console.log(obj.name) // 输出小红
console.log(obj2.name) // 输出小红

上面的代码中: obj和obj2都是引用数据类型，让obj2等于obj , 然后修改obj.name的值之后，发现
obj2.name的值也发生了改变。

从上面的例子中，可以反映出，基本数据类型和引用数据类型是有区别的。

02、栈内存和堆内存

我们首先记住一句话：JS中，所有的变量都是保存在栈内存中的。

然后来看看下面的区别。

基本数据类型：

基本数据类型的值，直接保存在栈内存中。值与值之间是独立存在,修改-个变量不会影响其他的变量。

引用数据类型：
对象是保存到堆内存中的。每创建一个新的对象 ,就会在堆内存中开辟出一个新的空间,而变量保存了对象的内存地址(对象的引用)。如果两个变量保存了同一个对象的引用，当一个通过一个变量修改属性时,另一个也会受到影响。