JavaScript-->基础类型和引用类型的区别

先了解一下数组的基础知识：附代码(数组属于引用类型的对象)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script type="text/javascript">
        // 数组：存储一组变量的内存中连续存储多个数据的存储空间
        // 使用数组的好处：连续存储的多个数据便于维护和查询
        // 数组的创建：
        // 1.创建空数组：
        var arr = [];
        var arr1 = new Array();
        // 2.创建一个已知数据个数的空数组
        var arr2 = new Array(29);
        // 3.创建数组同时赋值
        var arr = ["王五","李四","张三"];
        var arr1 =new Array("王五","李四","张三");
        // 通过下标访问数组,若无值就显示undefined
        console.log(arr[0],arr[1],arr[2],arr[3]);
        // 特征：
        // 1.不限制元素的存储数据类型
        var array = ["jack",true,3.14];
        // 2.不限制下标的越界
        array[4] = 80;//自动在制定位置新建元素保存元素
        console.log(array);
        console.log(array[3]);
        // 3.不限制数组的元素个数
        array[10] = "marry";
        console.log(array);
        // 4.数组的.length属性：记录了理论上的元素个数 永远是最后一个元素的下标+1
        console.log(array.length);//10+1
        // 5.获取数组的最后一个元素 array.length-1
        console.log(array[array.length-1]);
        // 6.在数据末尾追加新内容 array.length
        array[array.length] = "haha";
        console.log(array);
        // 删掉数组中的某个元素
        array[1]="";
        // 删掉数组的最后一个元素
        array.length--;
        // 删掉数组末尾的n个元素
        array.length = array.length-n;
    </script>
</body>
</html>

基础类型：number string boolean undefined null

数据直接保存在变量本地的数据类型
数据进行传值时，是将原变量的值复制一份传递给新变量，新变量的值发生改变时，原变量的值不会发生变化
引用类型：
1.数据无法直接保存在变量本地的数据类型，变量只允许保存一个值
2.引用类型的对象会在window对象之外创建一个独立的存储空间，并给一个唯一的地址，变量中保存的就只这个存储空间的地址——称为"引用"
3.数据进行传值时，传递的是地址，若新变量修改，则数据也会改变

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>数组是引用类型的对象</title>
</head>
<body>
    <script type="text/javascript">
        // 基础类型进行传值时 新变量的改变并不会影响原变量
        var a =10;
        var b=a;
        b++;
        console.log(a);//值为10
        console.log(b);//值为11
        // 引用类型进行传值时，新变量的改变会直接改变原变量的值，因为对象之间传递的时存储数据的地址
        var arr = [1,2,3,4,5];
        var arr1 =arr;
        arr1.length--;
        console.log(String(arr));//1,2,3,4
        arr1 = null;//当赋值为空时，表示此变量不再引用这个数组
        console.log(String(arr1));
        
        // undefined js使用 定义变量为赋值时，变量的初值为undefined
        // null 程序员使用，手动清楚一个变量的内容
            // 基础类型：直接清空变量内容
            // 引用类型：表示变量不再引用对象
        // 何时清空一个变量
        // 垃圾回收：js引擎会自动释放不再被任何变量引用的对象
        // 垃圾回收器：专门回收不再使用的对象的小程序
            // 1.记录每一个对象，被几个变量引用着，每多一个变量引用，计数器+1
            //     当一个变量赋值null时，计数器-1
            // 2.当计数器为0时，表示对象不再被任何变量引用，对象就被回收
            // 3.使用一个较大的对象时 主动清空
    </script>
</body>
</html>

JavaScript-->基础类型和引用类型的区别

猜你喜欢