在 JavaScript 中，数字类型是非常重要的数据类型之一。在 ES6 中，ECMAScript 引入了 Number.MAX_SAFE_INTEGER 常量作为 JavaScript 中可以准确表示的最大数字的值。然而，对于超过 Number.MAX_SAFE_INTEGER 的数字，JavaScript 中的数字类型就无法准确表示了。为了解决这个问题，ES12 中新增了 BigInt 类型。
BigInt 类型是一种可以表示任意大小整数的类型，它使用后缀 n 或函数 BigInt() 来创建，比如：
const big = 9007199254740991n; const big2 = BigInt(9007199254740991);
引入 BigInt 类型，可以保证 JavaScript 中可以准确处理任意大的整数。然而，今天我们就来探讨如何在前端中正确使用 BigInt 类型。
BigInt 的使用
BigInt 可以通过类似 Number 的方式进行一些基本操作，如加、减、乘、除运算：
const big = 12345678901234567890n; console.log(big + 1n); // 12345678901234567891n console.log(big - 1n); // 12345678901234567889n console.log(big * 1n); // 12345678901234567890n console.log(big / 1n); // 12345678901234567890n
BigInt 可以与 Number 进行混合运算，但使用时需要注意数字类型的精度问题：
const num = 12345678901234567890; console.log(big + num); // 24691357802469135780n
BigInt 可以使用比较运算符进行比较。但需要注意这种比较的计算方式和 Number 的比较不同：
console.log(1n == 1); // true console.log(1n === 1); // false console.log(1n < 2); // true console.log(1n > 2); // false
BigInt 的陷阱
虽然 BigInt 解决了 JavaScript 中无法处理大整数的问题，但我们在使用 BigInt 时也需要注意一些陷阱。
BigInt 与其他类型不兼容
BigInt 和其他类型的转换是不允许的，因此需要特别注意在表达式中使用 BigInt 和 Number 类型时，需要使用一致的类型。比如：
console.log(1n + 1); // TypeError: Cannot mix BigInt and other types console.log(Number.MAX_SAFE_INTEGER + 1n); // TypeError: Cannot mix BigInt and other types
BigInt 不能与大多数 Math 函数一起使用
Math 对象的函数只支持 Number 类型，并且因为 BigInt 的不确定性，对于一些不确定的值，Math 函数不支持 BigInt：
console.log(Math.sqrt(4n)); // TypeError: Cannot convert a BigInt value to a number
BigInt 无法作为对象的属性键名
在 JavaScript 中，对象属性的键名只支持 String 和 Symbol 类型。因此，BigInt 无法作为对象的属性键名使用。
总结
BigInt 是一种可以表示任意大小整数的 JavaScript 类型，它可以解决 JavaScript 中对于超过 Number.MAX_SAFE_INTEGER 的数字无法准确表示的问题。在使用 BigInt 时，需要进行类型的一致性操作，同时还需要避免一些陷阱。
使用 BigInt 可以使我们的程序更加健壮，但也需要注意操作的精度和类型问题。使用 BigInt 可以使我们更好地处理大型数字，为我们的应用程序带来更稳健的体验。
参考资料
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6454ea2a968c7c53b08a1713