【JavaScript】js有几种数据类型？别再回答只有6种了！

前端现在已经发展到2021年了，你还在回答js只有6种数据类型吗？

今天我们就来盘盘 JavaScript 到底有几种数据类型？

首先在 js 中数据类型分为原始数据类型与引用数据类型

$\color{#000}{原始数据类型}$

• $\color{#50a2e2}{number}$
• $\color{#50a2e2}{string}$
• $\color{#50a2e2}{boolean}$
• $\color{#50a2e2}{null}$
• $\color{#50a2e2}{undefined}$
• $\color{#50a2e2}{symbol}$ $\color{purple}{(ES6)}$
• $\color{#50a2e2}{bigint}$ $\color{purple}{(ES10)}$

$\color{#000}{引用数据类型}$

• $\color{#50a2e2}{object}$

在引用数据类型 object 中包括 function/array/object

看到这里我们可以发现总共是 8 种数据类型

ES6新增：Symbol

这种数据类型主要用于创建一个独一无二的标识，不废话，上代码：

let obj = {};
obj.a = 1;
let a = Symbol();
obj[a] = 2; // 此时obj内部的a到底是1还是2呢？我们可以打印一下obj

obj {
 a: 1
 Symbol(): 2
 __proto__: Object
} // 此时我们可以发现定义的变量a似乎只是一种标志，并没有具体的属性名

Symbol在执行的时候可以传递一个字符串，例如:

let obj = {};
obj.a = 1;
let a = Symbol('a');
obj[a] = 2; 

obj {
 a: 1
 Symbol(a): 2 // 有字符串的Symbol更能区分每个独一无二的标识
 __proto__: Object
} 

ES10新增：Bigint

我们都知道在 javascript 中有极限数值的精度问题，举个例子：

let a = Number.MAX_SAFE_INTEGER; // 9007199254740991 最大安全整数
console.log(a + 1); // 9007199254740992
console.log(a + 2); // 9007199254740992
console.log(a + 1 === a + 2); // true
// 此时我们可以发现 a + 1 与 a + 2 计算出来的数值是一样的，虽然可以正常计算，但是已经失去了计算的价值

BigInt是一个内置对象，它提供了表示大于最大安全整数之外的方法, bigint 通常用于计算最大安全整数之外的数值：

BigInt(1) === BigInt('1') === 1n

关于BigInt的更多用法可以参考 MDN官方文档

总结

JavaScript一共有 8 种数据类型，其中 7 种原始数据类型(基本数据类型)，1 种引用值类型