引用类型和值类型的区别

92 阅读1分钟
  1. 变量只能操作栈空间
  2. 值类型:基本数据类型(字符串、数字、布尔、undefined、null)栈中存储数据, 赋值的时候"拷贝栈数据"。 修改拷贝后的数据对原数据 “没有影响”
  3. 引用类型: 复杂数据类型(数组、函数、对象)栈中存储地址,堆中存储数据。 赋值的时候“拷贝栈地址”. 修改拷贝后的数据对原数据 “有影响”

1.值类型

    let num1 = 10
    let num2 = num1//拷贝数据
    num2 = 100
    console.log(num1, num2)//10 100
image.png

2.引用类型

    let arr1 = [10, 20, 30]
    let arr2 = arr1// 操作栈, 拷贝栈地址 (两个变量引用同一个堆)
    arr1[0] = 100// 修改堆数据
    console.log(arr1, arr2)// [100,20,30]  [100,20,30]
image.png

重点来了:中括号 小括号 . 读取堆内存
arr1[0]=100 是直接操作堆内存的数据, 栈的地址并没有变

image.png

2.1引用类型引申

    let arr1 = [10, 20, 30]
    let arr2 = arr1// 操作栈, 拷贝栈地址 (两个变量引用同一个堆)
    arr1[0] = 100// 修改堆数据
    console.log(arr1, arr2)// [100,20,30]  [100,20,30]
    arr2 = 66 
    console.log( arr1 )// [100,20,30]

变量操作的是栈空间 所以arr2=66,销毁arr2中存储的地址(解绑了) 再存入66

image.png

所以arr1 跟想象中不一样, 堆内存没变,以前我总想的是arr1的地址也会跟着变, 但要注意变量赋值是个拷贝的过程,所以地址只是拷贝了一份,地址的指向一样, 但他们的所属不一样.