在前端开发中，数值计算是非常常见的需求。而 JavaScript 中的 Number 类型虽然支持大多数数值计算，但在处理大数值时有其固有的局限性。随着 ES11 引入了 BigInt 类型，我们可以超越 Number 类型的极限，实现更加精准和准确的数值计算。本文将介绍 ES11 的 BigInt 类型，讲解其使用方法和注意事项，并给出实际的示例代码。希望本文对初学者有帮助。
BigInt 简介
BigInt 是一个新的原始数据类型，用于表示任意精度的整数。BigInt 可以处理比 Number 类型更大的整数值，所以可以用于需要精确计算的场景。BigInt 是大多数编程语言都支持的数据类型，现在也已经成为了 JavaScript 中的一种类型。
BigInt 的使用方法
BigInt 与 Number 类型类似，但有一些不同之处。我们可以用 BigInt() 函数将任意整数值转换为 BigInt 类型，例如：
let a = BigInt(123);
let b = BigInt("123456789012345678901234567890");注意，直接通过 a = 123n; 这种方式创建 BigInt 类型的变量也是可以的。
一旦我们创建了 BigInt 变量，就可以使用大多数 Number 类型支持的数学运算符了。例如：
let a = BigInt(10); let b = BigInt(5); let c = a + b; // 15n let d = a * b; // 50n let e = a ** b; // 100000n
需要注意的是，在使用运算符进行计算时，必须保证参与计算的两个值类型相同。例如，不能将 BigInt 类型与 Number 类型相加。对于混合类型计算的需求，我们需要将 Number 类型转换为 BigInt 类型。例如：
let a = BigInt(10); let b = 5; let c = a + BigInt(b); // 15n
BigInt 支持大多数 Number 类型支持的其他操作，如 -，/，% 等等。
BigInt 注意事项
虽然 BigInt 可以支持大多数数学操作，但它也有一些注意事项。
首先是 BigInt 类型和 Number 类型之间的转换。由于 BigInt 类型表示的整数值可能比 Number 类型支持的范围更大，因此必须小心使用转换方法。我们可以使用 Number(value) 将 BigInt 类型转换为 Number 类型。例如：
let a = BigInt("9223372036854775807");
let b = Number(a) + 1; // 9223372036854775808 (正确)
let c = Number(a + BigInt(1)); // -9223372036854775808 (错误)第一个例子是正确的，因为变量 a 表示的整数值在 Number 类型支持的范围之内。第二个例子是错误的，因为 BigInt 类型 + 运算符的结果仍然是 BigInt 类型，转换 Number 类型之后就变成了负数。
其次是 BigInt 类型不能用于运算符比较。这是因为在运算符比较时，JavaScript 引擎会将 BigInt 类型转换为 Number 类型，这可能会导致精度丢失。例如：
let a = BigInt("12345678901234567890");
let b = BigInt("12345678901234567891");
console.log(a < b); // false尽管实际应当为 true，但 JavaScript 引擎将 a 和 b 转换为 Number 类型，导致误判。对于 BigInt 类型的比较，我们应该使用 BigInt 类型提供的比较函数，例如：
let a = BigInt("12345678901234567890");
let b = BigInt("12345678901234567891");
console.log(a < b); // true最后需要注意的是，不是所有的 JavaScript 引擎都支持 BigInt 类型。在使用 BigInt 时，我们需要进行兼容性检查。幸运的是，在现代浏览器和 Node.js 中，BigInt 已经成为了一种标准的原始数据类型。
实例代码
下面是一些示例代码，展示了 BigInt 的实际应用：
// javascriptcn.com 代码示例
// 用 BigInt 实现斐波那契数列
function fibonacci(n) {
let a = BigInt(1);
let b = BigInt(1);
for (let i = BigInt(2); i < n; i += BigInt(1)) {
let c = a + b;
a = b;
b = c;
}
return b;
}
console.log(fibonacci(BigInt(100))); // 3736710778780434371
// 用 BigInt 实现高精度计算
function multiply(a, b) {
a = a.toString().split('').reverse();
b = b.toString().split('').reverse();
let c = Array(a.length + b.length).fill(0);
for (let i = 0; i < a.length; i++) {
for (let j = 0; j < b.length; j++) {
c[i+j] += a[i] * b[j];
}
}
for (let i = 1; i < c.length; i++) {
c[i] += Math.floor(c[i-1] / 10);
c[i-1] %= 10;
}
return c.reverse().join('').replace(/^0+/, '');
}
console.log(multiply(BigInt("12345678901234567890"), BigInt("6789012345678901234567890"))); // 83810235287529375334766017064744820076000总结
BigInt 是 ES11 新引入的原始数据类型，用于表示任意精度的整数。BigInt 类型可以超越 Number 类型的极限，在处理大数值时更加精准。但是，在使用 BigInt 类型时需要注意一些细节，避免出现数据类型转换和比较误判的问题。对于初学者来说，要善于运用 BigInt 类型，实现更加准确的数值计算。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6537b3aa7d4982a6eb046212