JavaScript 简单类型与复杂类型_javascript中的复杂数据类型又称为-CSDN博客

本文链接：https://blog.csdn.net/weixin_41909678/article/details/118882896

目标

简单类型与复杂类型

值类型

目标

能够说出简单数据类型的内存分配
能够说出复杂数据类型的内存分配
能够说出简单数据类型如何传参
能够说出复杂数据类型如何传参

简单类型与复杂类型

简单数据类型又称为基本数据类型或者值类型
复杂数据类型又称为引用类型

值类型

值类型：简单数据类型 / 基本数据类型，在存储时变量中存储的是值本身，因此叫做值类型
五大数据类型（值类型）：string，number，boolean，undefined，null
其中 null 比较特殊，返回类型为 object

    <script>
        // 简单数据类型 null
        // 返回的是空的对象 object
        var empty = null;
        console.log(typeof empty);

        // null 的使用
        // 如果定义某个变量为对象，但是赋值并不确定，此时可以将 null 赋给这个变量
    </script>

引用类型

复杂数据类型，在存储变量中存储的仅仅是地址（引用），因此称为引用类型
通过 new 关键字创建的对象（系统对象、自定义对象），如 object、array、date 等

堆和栈

堆栈空间分配区别：

栈（操作系统）：由操作系统自动分配释放存放函数的参数值、局部变量的值等
其操作方式类似于数据结构中的栈
简单数据类型存放到栈中
堆（操作系统）：存储复杂类型（对象），一般由程序员分配释放
若程序员不释放，由垃圾回收机制回收
复杂数据类型存放到堆里面

注意：

堆和栈是内存中两块互不干预的独立的空间
JavaScript 中没有堆和栈的概念
这里只是通过堆和栈的方式，帮助理解 JavaScript 代码的一些执行方式

简单类型的内存分配

值类型（简单数据类型）：string，number，boolean，undefined，null
值类型变量的数据直接存放在变量（栈空间）中

复杂类型的内存分配

引用类型（复杂数据类型）：通过 new 关键字创建的对象（系统对象、自定义对象）
如 object、array、date 等
引用类型在栈中存放变量（地址），十六进制表示
真正的对象实例存放在堆空间中

简单类型传参

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

    <script>
        function fun(a) {
            a++;
            console.log(a); // a = 11
        }
        var x = 10;
        // 将实参 x 传递给形参 a
        // 本质是复制一份 x = 10 传递给 a，x 本身的值并不会随着 a 的变化而变化
        // 即在方法内部对形参(a)做任何修改，都不会影响外部的变量(x)
        fun(x);
        console.log(x); // x = 10
    </script>

复杂类型传参

复杂数据类型在将实参传给形参的过程中，传递给形参的是实参的地址，而不是对象实例

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

        function fun1(x) {
            // 8.由于形参 x 指向 地址p，因此输出的仍然是 地址p 所对应的对象实例{new Person('刘德华'); name = '刘德华'}
            // 9.第二个输出：'刘德华'
            console.log(x.name);
            // 10.对 x.name 进行了重新的赋值，此时的对象实例改为{new Person('刘德华'); name = '张学友'}
            x.name = '张学友';
            // 11.第三个输出：'张学友'
            console.log('2' + x.name);
        }
        // 1.定义一个复杂数据类型
        // 2.复杂数据类型 变量 p 在栈中存储 地址p，变量 p 指向 地址p
        // 3.而真正的对象实例{new Person('刘德华'); name = '刘德华'}存放在堆中
        // 4.变量 p 指向栈中的地址p，地址p 指向堆中的对象实例{new Person('刘德华'); name = '刘德华'}
        var p = new Person('刘德华');
        // 5.第一个输出：刘德华
        console.log(p.name);
        // 6.将变量 p 传递给形参 x，即将 地址p 传递给形参 x
        // 7.然后变量 p 和形参 x 都指向了同一个地址，即 地址p
        fun1(p);
        // 12.此时 p.name 的对象实例为{new Person('刘德华'); name = '张学友'}
        // 13.第四个输出：'张学友' 
        console.log(p.name);
    </script>