在前端开发中，我们通常会对一些数字进行一些计算，例如用户的账号余额、商品的销售数量等等。而在某些场景下，这些数字可能会非常大，超出了 JavaScript 中 Number 类型的存储范围，导致计算结果不准确甚至溢出。为了解决这个问题，ECMAScript 2021 引入了 BigInt 类型，它可以处理更大范围的整数。
BigInt 类型介绍
BigInt 是 ECMAScript 2021 新增的一种内置数据类型，可以用来表示一个任意精度的整数，以避免 JavaScript 中 Number 类型所存在的精度限制问题。它的语法规则类似于 Number，但后面必须加一个 n，表示这是一个 BigInt 类型的数字。
下面是一个 BigInt 类型的示例：
const bigIntNum = 1234567890123456789012345678901234567890n;
需要注意的是，由于 BigInt 类型使用了更多的内存来存储数字，因此它在处理数字时相对更慢，但是这个性能问题可以通过合理的优化来解决。
BigInt 类型的操作
BigInt 类型可以进行基本的算术运算和比较运算，与 Number 类型不同的是，BigInt 类型不支持负数。
基本算术运算
BigInt 类型支持加、减、乘、除、取余等算术运算，使用的运算符与 Number 类型相同。
const bigIntNum1 = 1234567890123456789012345678901234567890n; const bigIntNum2 = 9876543210987654321098765432109876543210n; console.log(bigIntNum1 + bigIntNum2); // 11111111111111111101111111111111111111100n console.log(bigIntNum1 - bigIntNum2); // -8641975320864197532026419753086419754320n console.log(bigIntNum1 * bigIntNum2); // 12193263113702179568845987820323902387212165801746594822023892258452259624290n console.log(bigIntNum1 / bigIntNum2); // 0n console.log(bigIntNum1 % bigIntNum2); // 1234567890123456789012345678901234567890n
比较运算
BigInt 类型支持等于、不等于、大于、小于、大于等于、小于等于等比较运算，使用的运算符与 Number 类型相同。
console.log(bigIntNum1 === bigIntNum2); // false console.log(bigIntNum1 !== bigIntNum2); // true console.log(bigIntNum1 > bigIntNum2); // false console.log(bigIntNum1 < bigIntNum2); // true console.log(bigIntNum1 >= bigIntNum2); // false console.log(bigIntNum1 <= bigIntNum2); // true
BigInt 类型的类型转换
与 Number 类型不同的是，BigInt 类型无法直接和 String 类型相加，需要进行类型转换。
BigInt 类型转 String 类型
BigInt 类型转 String 类型可以使用 toString() 方法。
const bigIntNum = 1234567890123456789012345678901234567890n; console.log(bigIntNum.toString()); // "1234567890123456789012345678901234567890"
String 类型转 BigInt 类型
String 类型转 BigInt 类型可以使用 BigInt() 函数。
const strNum = "1234567890123456789012345678901234567890"; console.log(typeof BigInt(strNum)); // "bigint"
BigInt 类型的应用示例
下面是一个使用 BigInt 类型的示例，计算两个非常大的数字的乘积。
function multiply(a, b) {
return BigInt(a) * BigInt(b);
}
const result = multiply("1234567890123456789012345678901234567890", "9876543210987654321098765432109876543210");
console.log(result.toString()); // "12193263113702179568845987820323902387212165801746594822023892258452259624290"总结
ECMAScript 2021 引入了 BigInt 类型，可以用来处理更大范围的整数，在前端开发中有着广泛的应用。在使用 BigInt 类型时需要注意性能问题，以及类型转换的方法。掌握 BigInt 类型可以使开发者更好地处理一些大数字计算的问题，提高应用的精度和准确度。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64819dbd48841e9894117716