在前端开发中，我们经常会涉及到数字运算的问题，比如购物车商品价格相加等。而 JavaScript 作为前端开发的主流语言，也自然而然的成为了我们处理数字运算的工具。但是，由于 JavaScript 中 Number 类型的精度问题，导致在一些数字运算上出现了 bug，常常让开发者十分头疼。
不过，好在 ES2020 中引入了一个新的基本数据类型 —— BigInt 类型，这个新类型可以轻松解决 JavaScript 的数字精度问题。
BigInt 类型简介
BigInt 类型是在 ES2020 中引入的新型数据类型，它可以表示任意精度的整数。与 JavaScript 中的 Number 类型不同，BigInt 类型可以通过在数字后面添加 n 来表示。
BigInt 类型的运算符与 JavaScript 中的 Number 类型也是十分相似， 例如：
----- ---- - ----- ----- ---- - ----- ---------------- - ------ -- ---- ---------------- - ------ -- ------
BigInt 类型除了可以表示过大的数字以外，还可以与原生的 Number 类型进行混合运算，例如：
----- ---- - ----- ----- ---- - ---- ---------------- - -------------- -- ----
另外需要注意的是，对 BigInt 类型的操作与对 Number 类型的操作有所不同，例如：
------------- - --- -- --- -------------- - ---- -- --
BigInt 示例
下面通过一个简单的示例来展示 BigInt 类型的用法：
-------- ------------ -
--- ------ - ---
--- ---- - - --- - -- -- ---- -
------ -- --
-
------ -------
-
----------------------------上面的示例演示了如何使用 BigInt 类型求 100 的阶乘，注意到其中的 1n 和使用了 *= 运算符。
注意事项
虽然 BigInt 类型增加了对超过 Number 类型存储范围的数字计算支持，但同时也存在一些使用上的限制：
- 目前为止，只有 V8 引擎支持 BigInt 类型，其他引擎如 Safari、IE 等不支持，因此需要谨慎使用。
- 由于 BigInt 类型是一个新的数据类型，因此在某些情况下可能会导致已有代码出问题。
- BigInt 类型不能超过 Number 类型的最大值，否则会导致 RangeError 错误。
总结
ES2020 中新增的 BigInt 类型可以方便地解决 数字精度问题，它可以方便地表示任意位数的整数，避免了 JavaScript 中 Number 类型的精度问题。但是，需要注意的是，目前还未有足够多的浏览器支持 BigInt 类型，建议谨慎使用。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6486a9e048841e989453233a