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

560 阅读2分钟

这是我参与8月更文挑战的第12天,活动详情查看:8月更文挑战

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

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

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

类型。

引用类型:复杂数据类型,在存储时,变量中存储的仅仅是地址(引用),因此叫做引用

数据类型。

堆和栈

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

image.png

堆栈空间分配区别:

  1. 栈(操作系统):由操作系统自动分配释放 ,存放函数的参数值,局部变量的值等。

  2. 堆(操作系统): 存储复杂类型(对象),一般由程序员分配释放, 若程序员不释放,由

垃圾回收机制回收。

基本类型在内存中的存储

变量中如果存储的是简单类型的数据,那么变量中存储的是值本身,如果将变量赋值给另一个变量,是将内部的值复制一份给了另一个变量,两个变量之间没有联系,一个变化,另一个不会同时变化。

image.png

    <script>
        var a = 5;
        var b = a;
        a = 10;
        console.log(a,b);
    </script>

image.png

复杂类型在内存中的存储

如果将复杂类型的数据赋值给一个变量,复杂类型的数据会在内存中创建一个原型,而变量中存储的是指向对象的一个地址,如果将变量赋值给另一个变量,相当于将地址复制一份给了新的变量,两个变量的地址相同,指向的是同一个原型,不论通过哪个地址更改了原型,都是在原型上发生的更改,两个变量下次访问时,都会发生变化。

image.png

    <script>
        //复杂数据类型
        var p1 = {
            name : "lucy",
            age: 19,
            sex: "female"
        };

        var p = p1; //p1将内部存储的指向对象原型的地址复制给了p

        p.name="mary";

        console.log(p1);
        console.log(p);
    </script>

image.png

注意: 数组, 对象, 函数 都是复杂类型, 都会出现这种情况.

基本类型作为函数的参数

基本类型的数据作为函数的参数,符合基本类型的数据特点

image.png