随着互联网技术的不断发展，我们需要在前端处理越来越大的数据。但是由于 JavaScript 难以处理大数字，我们在处理大数字时常常会遇到精度丢失的问题。ES10 的 BigInt 类型是解决这个问题的一个好方法。
什么是 BigInt
BigInt 是 ES10 中新加的一种数据类型，用来表示任意精度的整数。它不受 JavaScript 数值类型最大值的限制，可以处理比 Number 类型更大的整数。BigInt 类型的数字使用 n 结尾，比如 100n。
BigInt 类型的工作原理类似于字符串类型，它可以处理任意长度的整数，但是与字符串不同的是，它是一个数学上的类型，支持数学运算。
如何使用 BigInt
BigInt 的使用非常简单，只需要在数字后面添加一个 n 即可。比如：
const bigInt1 = 123456789012345678901234567890n; const bigInt2 = BigInt(123456789012345678901234567890);
同时，BigInt 类型和 Number 类型是不同的，它们之间不能直接使用算数运算符相互操作。BigInt 可以和 Number 类型进行比较运算，但是在比较时需要注意精度问题。
const bigInt1 = 123456789012345678901234567890n; const number1 = 1234567890123456; console.log(bigInt1 > number1); // true
为什么要使用 BigInt
在处理超出 Number 类型范围的整数时，使用 Number 类型容易产生精度丢失。BigInt 类型通过任意精度的整数表示数字，可以解决这个问题。
另外，当我们需要处理像加密、哈希等需要高精度运算的场景时，BigInt 类型也会更加方便。
BigInt 和 Number 的区别
BigInt 类型只能处理整数，而 Number 类型可以处理整数和小数。BigInt 类型可以表示的数字范围比 Number 类型更广，但是由于它是一种新的类型，目前还不被所有的浏览器和编译器支持，因此在处理数字时需要根据具体情况来决定使用哪种类型。
案例
下面是一个使用 BigInt 类型计算斐波那契数列的示例代码：
-- -------------------- ---- -------
-------- ------------ -
--- - - --- - - ---
--- ---- - - --- - - -- ---- -
--- -- - --- - - ---
-
------ --
-
----------------------------- -- -----------------这个示例代码可以处理斐波那契数列的计算，而不会出现精度丢失的问题。
总结
在处理超出 Number 类型范围的数字时，我们可以使用 BigInt 类型。BigInt 类型可以表示任意长度的整数，避免了处理大数字时出现精度丢失的问题。BigInt 类型和 Number 类型在运算和表示精度上有所区别，我们需要根据具体情况选择使用哪种类型。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/649694c648841e98943c5768