【JavaScript】快速了解引用类型与值类型的区别

1. 变量只能操作栈空间

 2.值类型：基本数据类型(字符串、数字、布尔、undefined、null)

   栈中存储数据, 赋值的时候"拷贝栈数据"。 修改拷贝后的数据对原数据 “没有影响”

 3.引用类型: 复杂数据类型(数组、函数、对象)

    栈中存储地址，堆中存储数据。 赋值的时候“拷贝栈地址”. 修改拷贝后的数据对原数据 “有影响”

 // 1.值类型 
    let num1 = 10
    let num2 = num1//拷贝数据
    num2 = 100
    console.log(num1, num2)//打印结果 10 100

// 2.引用类型

    let arr1 = [10, 20, 30]
    let arr2 = arr1// 操作栈, 拷贝栈地址 (两个变量引用同一个堆)
    arr1[0] = 100// 修改堆数据
    console.log(arr1, arr2)//打印结果  [100,20,30]  [100,20,30]
    // (1)先销毁arr2中存储的地址  (2)将66赋值给arr2
    arr2 = 66 
    console.log( arr1 )//打印结果 [100,20,30]

/* 细节:  变量在赋值的时候，要仔细观察拷贝的是栈地址，还是堆数据
    (1)拷贝地址 : 修改数据对原数据“有影响”
    (2)拷贝数据 : 修改数据对原数据“没有影响”
    */
    // 拷贝的是堆数据
    let num = arr1[0]
    num = 200
    console.log( arr1 )//打印结果 [100,20,30]

    let obj = {
      name:'张三',
      age:20
    }

    let name = obj.name// 拷贝堆数据
    name = '李四'
    console.log( obj.name )//打印结果 张三