注：JS中没有堆栈的概念，此处为方便理解 故借用

🌻简单类型 / 值类型

• 简单类型又叫做基本数据类型或者值类型。

1. 在存储时变量中存储的是值本身，因此叫做值类型
2. 常见的值类型：string ，number，boolean，undefined，null
3. 内存分配：值类型变量的数据直接存放在变量（栈空间）中

4.简单类型传参

函数的形参也可以看做是一个变量，当我们把一个值类型变量作为参数传给函数的形参时，其实是把变量在栈空间里的值复制了一份给形参，那么在方法内部对形参做任何修改，都不会影响到的外部变量。
比如：

function fn(a) {
    a++;
    console.log(a); //101
}
var x = 100;
fn(x);
console.log(x);//100

图示理解：

image.png

文字理解：

1. x=100, 继而调用函数fn, 将x的值传给形参a,a获得和x一样的值,a=100，此时x=100
2. 执行fn()函数内部代码，a++, 然后执行console.log(a); 此时输出a的结果为101
3. 函数fn() 中的程序执行完毕，到达console.log(x); x的值没有被改变，输出100

🌻复杂类型 / 引用类型

• 复杂类型又叫做引用类型。

1. 在存储时变量中存储的仅仅是地址（引用），因此叫做引用数据类型
2. 通过 new 关键字创建的对象（系统对象、自定义对象），如 Object、Array、Date等
3. 内存分配：引用类型变量（栈空间）里存放的是地址，真正的对象实例存放在堆空间中

4.复杂类型传参

函数的形参也可以看做是一个变量，当我们把引用类型变量传给形参时，其实是把变量在栈空间里保存的堆地址复制给了形参，形参和实参其实保存的是同一个堆地址，所以操作的是同一个对象。
比如：

1         function Person(name) {
2             this.name = name;
3         }
4
5         function fn(x) { // x = p
6            console.log(x.name); // 2.   半夏   
7            x.name = "芍药";
8            console.log(x.name); // 3.    芍药
9         }
10        var p = new Person("半夏");
11        console.log(p.name); // 1.    半夏 
12         fn(p);
13        console.log(p.name); // 4.    芍药

图示理解：

image.png

文字理解：

1. D10，调用了函数Person()，在D11输出结果 ： 半夏
2. D12，调用函数fn();复杂数据类型的传参，会把变量保存的地址传给形参，此时形参x和变量p拥有相同的地址(暂命名：0x0011)。相同的地址会指向一个相同的实例，此处实例为： 半夏， 则D6 输出为： 半夏
3. 在D7，重新给了x.name值，在D8，x.name更新为: 芍药，此时地址0x0011中存入的值为： 芍药
4. 调取p指向的地址0x0011指向的内容，此时已更新为 ：芍药，故输出芍药