在前端开发中，常常会用到数字计算，包括整数和浮点数的加、减、乘、除等运算。在处理需要精确计算的场合，传统的 JavaScript 中的 Number 类型并不能胜任。在 ES12 中，新增了一个 BigInt 类型，可以支持更大范围的整数运算。
BigInt 类型介绍
BigInt 是一种全新的数据类型，用来表示更大范围的整数，可以支持任意精度的整数运算。在 ES12 中，可以使用 BigInt 构造函数创建一个 BigInt 类型的变量。
const a = BigInt(12345678901234567890); console.log(a); // 12345678901234567890n
在 BigInt 类型的变量后面加上 n 表示这是一个 BigInt 类型的变量。注意，BigInt 类型的变量必须加上 n，否则会被当做普通的 Number 类型处理。
与 Number 类型不同的是，BigInt 类型的变量提供了多种运算符号，包括加 +、减 -、乘 *、除 /、求余 % 等。下面是一些 BigInt 类型的示例运算：
const a = BigInt(12345678901234567890); const b = BigInt(9876543210987654321); console.log(a + b); // 22222222113222222211n console.log(a - b); // 2469135690256913579n console.log(a * b); // 121932631137021795920654118641691942890n console.log(a / b); // 1n console.log(a % b); // 6006379430057781234n
BigInt 类型的注意事项
虽然 BigInt 类型可以支持更大范围的整数运算，但是在使用的时候需要注意以下事项：
BigInt 类型不能直接参与运算，需要和 BigInt 类型的变量配合使用。
BigInt 类型的变量不能和 Number 类型的变量进行运算，否则会抛出异常。
BigInt 类型不能使用 Math 函数库提供的函数。
以下是一些 BigInt 类型的示例注意事项：
const a = BigInt(123); const b = 456; // const c = a + b; // 抛出异常 const d = BigInt(b); const e = a + d; console.log(e); // 579n // const f = Math.sqrt(a); // 抛出异常
BigInt 类型的兼容性
由于 BigInt 类型是在 ES12 中新增的，因此在一些老版本的浏览器中无法使用。不过现代的浏览器一般已经支持 BigInt 类型，包括 Chrome、Firefox、Safari 等。在使用 BigInt 类型的时候，建议先做好兼容性处理，可以使用 polyfill 、babel 转码等工具来实现。
总结
ES12 中新增的 BigInt 类型，可以支持更大范围的整数运算，可以在一些需要精确计算的场合发挥重要作用。在使用 BigInt 类型的时候，需要注意类型转换和兼容性等问题。在实际开发中，可以根据需求和场景选择合适的数据类型来实现计算逻辑。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64937daa48841e9894128c55