js有几种数据类型？别再回答只有6种了！[通俗易懂]

关注公众号 前端开发博客，回复“加群”

加入我们一起学习，天天进步

作者：_GeekWL

链接：https://juejin.cn/post/6908990212236378120

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

类型总结

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

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

原始数据类型

• number

• string

• boolean

• null

• undefined

• symbol (ES6)

• bigint (ES10)

引用数据类型

• 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官方文档^[1]

总结

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

参考资料

[1]

MDN官方文档: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/BigInt

相关文章

1. Javascript 里的奇葩知识

2. 由浅入深，66条JavaScript面试知识点

3. 20个常用的JavaScript简写技巧

最后

转发文章并关注公众号：前端开发博客，回复 1024，领取前端进阶资料

1. 回复「电子书」领取27本精选电子书

2. 回复「加群」加入前端大神交流群，一起学习进步

3. 回复「JS」获取 JavaScript 精选文章

   

分享和在看就是最大的支持❤️