【学习笔记20】JavaScript数据类型之间的区别

一、数据类型

• 基本数据类型
• 复杂数据类型 (function; object; array)

二、存储的区别

• 基本数据类型: 存储在栈内存中, 变量内部就是实际的值
• 引用数据类型: 变量存储在栈内存中, 变量内部存储的是指向堆内存的地址(对象实际的值, 存储在堆内存中)

三、赋值的区别

1. 基本数据类型: 是值的传递
     可以理解为, 将我自身的值复制一份，给到另一个变量, 后续修改另一个变量时，与我自身没有任何关系
2. 引用数据类型: 是地址的传递
     可以理解为, 将自身的地址复制一份，给到另一个变量, 后续修改互相会有影响

        // 基本数据类型
        var a = 100
        var b = a
        b = b * 2
        console.log(a)   // 100
        console.log(b)   // 200

        // 复杂数据类型
        var a = {
            name: 'QF'
        }
        var b = a
        b.name = '修改后的name'
        console.log(a)
        console.log(b)

四、比较的区别

• 基本数据类型：比较时, 是拿变量实际的值, 去做对比
• 引用数据类型：比较时, 是拿引用地址做对比, 判断是不是执行一个地址

     // 基本数据类型
        var a = 100
        var b = 200
        console.log(a === b) // false

        // 复杂数据类型
        var c = {
            name: 'QF'
        }
        var d = c
        var f = {
            name: 'QF'
        }
        console.log(c === d)    // true
        console.log(c === f)    // false

 五、传参的区别

• 基本数据类型：是值的传递, 将自身的值复制一份，传递给函数的形参
• 引用数据类型：是地址的传递, 将自身的地址复制一份，传递给函数的形参

    var a = 100
        var b = {
            name: 'QF'
        }
​
        function fn(x, y) {
            x = 500
            y.name = 'QFQQQQQQQQQQ'
        }
        fn(a, b)
​
        console.log(a)      // 100
        console.log(b.name) // QFQQQQQQQQQQ