JavaScript中数据类型之间的区别

数据类型之间的区别

基本数据类型 、引用数据类型

基本数据类型：Number，String，Boolean，Null，Undefined，Symbol，BingInt

引用数据类型：Object(数组、正则、日期、Math)

存储的区别

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

赋值的区别

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

// 赋值的区别
         var a = 100
         var b = a
         b = b * 2
         console.log(a)  // 100
        /console.log(b)  // 200

         var a = {
            name: 'bin'
           }
        var b = a
        b.name = 'lan '
        console.log(a)  //lan
        console.log(b)  //lan

比较的区别

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

//比较的区别
        var a = 100
        var b = 200
        console.log(a === b) // false

        var c = {
            name: 'bin'
        }
        var d = c
        var e = {
            name: 'bin'
        }
        console.log(c === d)    // true
        console.log(c === e)    // false

传参的区别

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

 //传参的区别
        var a = 100
        var b = {
            name: 'bin'
        }

        function fn(x, y) {
            x = 1000
            y.name = 'lan'
        }
        fn(a, b)

        console.log(a)  // 100
        console.log(b.name) // lan

Symbol，BingInt的区别

1.Symbol是ES6新出的一种数据类型，这种数据类型的特点就是没有重复的数据，可以作为object的key。
数据的创建方法Symbol()，因为它的构造函数不够完整，所以不能使用new Symbol()创建数据。由于Symbol()创建数据具有唯一性，所以 Symbol() !== Symbol(), 同时使用Symbol数据作为key不能使用for获取到这个key，需要使用Object.getOwnPropertySymbols(obj)获得这个obj对象中key类型是Symbol的key值。

2.BigInt也是ES6新出的一种数据类型，这种数据类型的特点就是数据涵盖的范围大，能够解决超出普通数据类型范围报错的问题。