JavaScript简单类型和复杂类型的区别

简单类型和复杂类型的定义

基本类型又叫做值类型，复杂类型又叫做引用类型。

值类型：简单数据类型，基本数据类型，在存储时，变量中存储的是值本身，因此叫做值类型。

Number String Boolean Null Undefined

引用类型：复杂数据类型，在存储是，变量中存储的仅仅是地址（引用），因此叫做引用数据类型。

Object Array

堆和栈

堆栈空间分配区别：

1、栈（操作系统）：由操作系统自动分配释放 ，存放函数的参数值，局部变量的值等。

2、堆（操作系统）： 存储复杂类型(对象)，一般由程序员分配释放， 若程序员不释放，由垃圾回收机制回收。

注意：JavaScript中没有堆和栈的概念，此处我们用堆和栈来讲解，目的方便理解和方便以后的学习。

基本类型在内存中的存储

变量中如果存储的是简单类型的数据，那么变量中存储的是值本身，存放在栈空间中，如果将变量赋值给另一 个变量，这是将内部的值复制一份给了另一个变量，就像拷贝文件一样，另一个变量只是将这个变量的值复制了一份，所以两个变量之间并没有联系，一个变量的值发生变化，并不会影响另一个变量的值。

        var num1 = 10;    //将10赋值给num1    num1=10
        var num2 = num1; //将num1的值赋给num2  num2=10
        num1 = 20;    //将20赋值给num1但是num2的值不会跟着改变   num1=20
        console.log(num1);    //20
        console.log(num2);    //10

基本类型作为函数的参数

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

        function f1(a, b) {
            a = a + 1;
            b = b + 1;
            console.log("a=" + a);
            console.log("b=" + b);
        }
        var x = 5;
        var y = 6;
        //将x y 赋值给函数中的参数a b
        f1(x, y); // a=6 b=7 
        // 不影响原x y 的值
        console.log(x);  //5
        console.log(y);  //6

复杂类型在内存中的存储

首先复杂类型的地址保存在栈空间中，真正的实例对象保存在堆空间中，栈空间的地址指向堆空间的实例对象。当我们把复杂类型变量传给形参时，其实是把变量在栈空间里保存的堆地址复制给了形参，形参和实参其实保存的是同一个堆地址，所以操作的是同一个实例对象。不论通过哪个地址更改了实例对象，都是在实例对象上发生的更改，两个变量下次访问时，都会发生变化。

        // 构造函数
        function Person(name, age, salary) {
            this.name = name;
            this.age = age;
            this.salary = salary;
        }
        // 普通函数
        function f1(person) { // person为形参
            person.name = "李四";
            person = new Person("王五", 20, 100);
        }
        var p = new Person("张三", 18, 1000);  //实例化一个对象
        console.log(p.name); // 张三
        f1(p); // 把p对应的地址复制一份给person,person和p对应一个地址,那么修改地址对应的内容,会影响p
        console.log(p.name); // 李四