14 JavaScript简单数据类型和复杂数据类型

1、简单数据类型和复杂数据类型

简单类型又叫基本数据类型或者值类型，复杂数据类型又叫做引用类型。

1.1 简单数据类型

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

string，number，Boolean， undefined ，null

null 比较特殊，返回的是object。

如果以后有一个变量要存储为对象，但是又没想好放什么，就可以先用null代替。空对象

    <script>
        var timer = null;
        console.log(typeof timer); //object
    </script>

1.2 复杂数据类型（引用类型）

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

通过new关键字创建的对象（系统对象，自定义对象），如Object、Array、Date等

2、堆和栈

2.1 栈（操作系统）

由操作系统自动分配释放存放函数的参数值、局部变量的值等。其操作方式类似于数据结构中的栈；简单数据类型存放到栈里面。

2.2 堆（操作系统）

存储复杂数据类型（对象），一般由程序员分配释放，若程序员不释放，由垃圾回收机制回收。复杂数据类型存放到堆里面。

• 注意：JavaScript中是没有堆和栈的，现在了解以便后面学习其他语言。

3、简单类型的内存分配

• 简单数据类型是存放到栈里面，里面直接开辟一个空间，存放的是值，比如var age=18; 存放的就是18

4、复杂类型的内存分配

• 复杂数据类型存放到堆里面，比如 var arr=[1,2,3]; 1,2,3这三个元素是存放到堆里面的，arr先指向栈里面的地址，然后这个地址指向堆里面相应的数据
• 复杂数据类型首先在栈里面存放地址，用十六进制表示，然后这个地址指向堆里面的数据

5、简单类型传参

例1：

var num = 10;
var num = 20;
console.log(num); //20

为什么是20呢？因为简单数据类型直接把栈里面的值从10改为了20。

例2：

    <script>
        function fn(a) {
            a++;
            console.log(a); //1.输出的是11
        }
        var x = 10;
        fn(x);
        console.log(x); //2.输出的还是10
    </script>

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

6、复杂类型传参

    <script>
        function Person(name) {
            this.name = name;
        }

        function f1(x) { //相当于x=p，只是把地址给了x，操作的是同一个对象
            console.log(x.name); //2.这个输出的是什么？ ——刘德华
            x.name = '张学友';
            console.log(x.name); //3.这个输出的是什么？ ——张学友
        }
        var p = new Person('刘德华');
        console.log(p.name); //1. 这个输出的是什么？ ——刘德华
        f1(p);
        console.log(p.name); //4. 这个输出的是什么？ ——张学友
    </script>

• 总结：函数的形参也可以看作是一个变量，当我们把复杂类型的变量传给形参时，实际上给形参的是一个地址，形参和实参其实保存的是同一个堆地址，所以操作的是同一个对象。