注：JS中没有堆栈的概念，此处为方便理解 故借用
🌻简单类型 / 值类型
- 简单类型又叫做基本数据类型或者值类型。
- 在存储时变量中存储的是值本身，因此叫做值类型
- 常见的值类型：string ，number，boolean，undefined，null
- 内存分配：值类型变量的数据直接存放在变量（栈空间）中
4.简单类型传参
函数的形参也可以看做是一个变量，当我们把一个值类型变量作为参数传给函数的形参时，其实是把变量在栈空间里的值复制了一份给形参，那么在方法内部对形参做任何修改，都不会影响到的外部变量。
比如：
function fn(a) {
a++;
console.log(a); //101
}
var x = 100;
fn(x);
console.log(x);//100
图示理解：
image.png
文字理解：
- x=100, 继而调用函数fn, 将x的值传给形参a,a获得和x一样的值,a=100，此时x=100
- 执行fn()函数内部代码，a++, 然后执行console.log(a); 此时输出a的结果为101
- 函数fn() 中的程序执行完毕，到达console.log(x); x的值没有被改变，输出100
🌻复杂类型 / 引用类型
- 复杂类型又叫做引用类型。
- 在存储时变量中存储的仅仅是地址（引用），因此叫做引用数据类型
- 通过 new 关键字创建的对象（系统对象、自定义对象），如 Object、Array、Date等
- 内存分配：引用类型变量（栈空间）里存放的是地址，真正的对象实例存放在堆空间中
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
文字理解：
- D10，调用了函数Person()，在D11输出结果 ： 半夏
- D12，调用函数fn();复杂数据类型的传参，会把变量保存的地址传给形参，此时形参x和变量p拥有相同的地址(暂命名：0x0011)。相同的地址会指向一个相同的实例，此处实例为： 半夏， 则D6 输出为： 半夏
- 在D7，重新给了x.name值，在D8，x.name更新为: 芍药，此时地址0x0011中存入的值为： 芍药
- 调取p指向的地址0x0011指向的内容，此时已更新为 ：芍药，故输出芍药
