JavaScript的八种数据类型

一、JavaScript 的数据类型分为两大类：

1.1 基本数据类型：

string 、 number 、 boolean 、 undefined 、 null 、 symbol 、 bigint

1.1.1 Symbol

symbol 类型是 ES6 新增的一种数据类型，这种数据类型的特点就是没有重复的数据，作为 object 的 key 使用可以保证不会不会与其他属性名产生冲突，防止某一个 key 被不小心改写或覆盖。

数据通过 Symbol() 创建，可以接收一个字符串用来作为描述，便于区分。

同时使用 Symbol 作为 key 的话是无法使用普通遍历的方式获取到的，需要通过 Object.getOwnPropertySymbols(object) 才能获取到 object 对象中 key 值为 symbol 类型的 key

let key1 = Symbol('level')
let key2 = Symbol('deposit')
const people = {
    name: '小明',
    age: 20,
    [key1]: '优秀',
    [key2]: '一个小目标',
}
 
// 比较
console.log(key1) // Symbol(level)
console.log(people[key1])   // 优秀
 
let sybList = Object.getOwnPropertySymbols(people)
console.log(sybList);   // [Symbol(level), Symbol(deposit)]
 
for (const pro of sybList) {
    console.log(people[pro]);
    // 优秀
    // 一个小目标
}

1.1.2 Bigint

Bigint 是 ES11 新增的一种数据类型，这种数据类型的特点就是数据涵盖范围大，比 Number 数据类型支持的范围更大的整数值。

可以通过在整数后面增加一个 n 的方式定义，也可以调用函数 Bigint() 并传递一个整数或字符串

注意：

• Bigint 不能和 Number 一起运算，必须转换为同一数据类型 ( Bigint 转换为 Number 可能会丢失精度 )
• Bigint 不能使用 Math 对象中的方法
• Bigint 和 Number 是宽松相等的
• Bigint 和 Number 之间是可以比较的

let bigInt = 1n;
let num = 1;
 
console.log(typeof bigInt)   // bigint
console.log(typeof num)   // number
 
// console.log(bigInt + num)   // 报错
 
console.log(bigInt == num);   // true
console.log(bigInt === num);   // false
console.log(bigInt > 0);    // true
 

1.2 引用数据类型:

object (其中 array、function、data、Math等归属于object)

二、基本数据类型和引用数据类型的区别

基本数据类型是直接存放在栈中的简单数据段，占用的空间大小固定且较小
引用数据类型存放在堆内存中，占据空间大，在栈中存储指针，指向该数据在堆中的内存地址

三、类型检测

typeof NaN   // number
typeof undefined   // undefined
typeof null   // object
typeof
 
function a() {}   // function
typeof []   // object
console.log(true + 1)   // 2
console.log(!null) //   true