当前位置：首页 > news >正文

十一、JavaScript简单数据类型和复杂数据类型

news 来源：原创 2025/6/9 5:44:34

一、简单类型与复杂类型

在这里插入图片描述

        // 简单数据类型  null  返回的是一个空的对象  object
        var timer = null;
        console.log(typeof timer);  // object
        // 如果有个变量我们以后打算存储为对象，暂时没想好放啥，这个时候就给 null

二、堆和栈

在这里插入图片描述

三、复杂类型的内存分配

1.简单数据类型是存放在栈里面里面直接开辟一个空间存放的是值
2.复杂数据类型首先在栈里面存放地址十六进制表示然后这个地址指向堆里面的数据
在这里插入图片描述

四、简单类型传参

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

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

五、复杂类型传参

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

        // 复杂数据类型传参
        function Person(name) {
            this.name = name;
        }

        function f1(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. 张学友