在前端开发中，数字的精度问题是一个常见的挑战。在处理极大或者极小的数字时，JavaScript 的 Number 类型会产生较大的精度误差。比如说，试着在控制台中输入 0.1 + 0.2，你会看到这个表达式的结果并不是 0.3，而是 0.30000000000000004。
为了解决这个问题，ECMAScript 2019 引入了一种新的数据类型 BigInt。BigInt 可以表示任意精度的整数，并且可以解决大量的精度误差问题，使得前端开发者无需再手动处理数字精度。
BigInt 的基本用法
BigInt 在 JavaScript 中是一个全新的数据类型，它是一个整数类型，可以处理大于 2＾53 - 1 的整数。
创建一个 BigInt 变量很简单，只需要在整数后面加上一个 n（例如：10n）就可以了。除此之外，我们还可以使用 BigInt() 函数来将一个 Number 类型的数字转换成 BigInt 类型。
const a = 1234567890123456789012345678901234567890n; const b = BigInt(Number.MAX_SAFE_INTEGER) + 1n; console.log(a); // 1234567890123456789012345678901234567890n console.log(b); // 9007199254740992n
需要注意的是，BigInt 和 Number 类型之间不能直接进行算术运算，需要使用 BigInt() 函数将 Number 类型的数字转换成 BigInt 类型，才能进行算术运算。
BigInt 的算术运算
BigInt 支持所有 JavaScript 中的算术运算，包括加法、减法、乘法、除法、取余等。
-- -------------------- ---- ------- ----- - - ------ ----- - - ------ ----- - - --------------- ------------- - --- -- ----- ------------- - --- -- ----- ------------- - --- -- -------- ------------- - --- -- -- ------------- - --- -- --
需要注意的是，BigInt 类型的算术运算不能和 Number 类型的算术运算混合进行，否则会报错。
BigInt 和 Math 对象的区别
BigInt 和 JavaScript 中的 Math 对象有很大的不同。Math 对象只支持 Number 类型的数字，而不支持 BigInt 类型的数字。
BigInt 除了能够表示比 Number 类型更大的整数之外，还具有一些特殊的方法，如 toString()、valueOf()。这些方法均是在 Number 类型的数字上运用的，而没有在 BigInt 类型的数字上；而 Math 对象中的方法则是专门为 Number 类型的数字设计的。
BigInt 在异步编程中的应用
在异步编程（如 Promise 和 async/await）中，BigInt 可以解决因为在运算前需要将字符串类型的数字转换成 Number 类型而导致精度误差的问题。
function sumBigInts(a, b) {
return Promise.resolve(BigInt(a) + BigInt(b));
}
(async function() {
const result = await sumBigInts('9007199254740991', '1');
console.log(result.toString()); // 9007199254740992
})();在上面的例子中，我们使用了异步函数以及 BigInt 类型的运算，对于处理大整数时，BigInt 会显得更为方便。
结论
ECMAScript 2019 引入了 BigInt 数据类型，它允许我们处理大整数，不再需要担心 JavaScript 中的数字精度问题。在开发中，需要注意 BigInt 和 Number 类型之间的转换，以及 BigInt 和 Math 对象的不同。
现在，我们可以高兴地编写支持大整数的 JavaScript 代码了！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66faa2c044713626014e62c3