在 JavaScript 中，数字是最常用的数据类型之一，但是 JavaScript 中的数字有其范围限制，通常的整数范围只能在 $-(2^{53}-1)$ 到 $2^{53}-1$ 之间。这似乎在很多场景中已足够使用，但在某些情况下却可能出现问题。
为了解决这个问题，ECMAScript 2019 标准（ES10）引入了一种新的数据类型 BigInt，BigInt 对象能够最大支持 $2^{53}$ 位以内的整数，消除了数字范围限制的问题。
在使用 BigInt 时，我们需要使用后缀 n 来明确告诉 JavaScript 解析器我们要使用 BigInt 数据类型。例如，要声明一个 BigInt 变量，我们可以将 n 后缀添加到一个整数字面量中，如下所示：
const maxInt = 9007199254740991n;
上面的代码中，末尾的 n 后缀告诉解析器这是一个 BigInt 值。
但是，使用 BigInt 时，我们也需要注意一些问题。下面我们来看一下，在使用 BigInt 时可能遇到的报错，以及如何处理这些错误。
1. BigInt 和普通数字类型的操作不能混用
在处理 BigInt 时，不能混用 BigInt 类型和普通数字类型，否则会报错。
例如，如果想对 BigInt 和普通数字类型做运算，需要将数字类型转换成 BigInt 类型后再进行运算。否则，代码会抛出 TypeError 错误。
const a = 100n; const b = 10; // 抛出 TypeError const c = a + b;
如果需要对 b 进行 BigInt 转换，我们只需在数字后面加上 n 后缀即可：
const a = 100n; const b = 10; // 不会报错 const c = a + BigInt(b);
2. BigInt 和普通数字类型在比较时需要注意
当 BigInt 类型和普通数字类型进行比较时，需要注意类型转换。如果不按照转换规则，代码会报错。
下面的代码中，我们比较一个 BigInt 类型的变量和一个数字类型的变量。这里我们需要将数字类型的变量转换成 BigInt 类型，否则会抛出 TypeError 错误。
const a = 100n;
const b = 10;
// 抛出 TypeError
if (a > b) {
console.log("a > b");
}我们需要将 b 变量转换成 BigInt 类型：
const a = 100n;
const b = 10;
if (a > BigInt(b)) {
console.log("a > b");
}3. 使用 BigInt 时需要注意运算符的优先级
当使用 BigInt 进行运算时，为了避免错误和歧义，需要特别注意运算符的优先级。
下面的代码尝试将一个数字类型和一个 BigInt 类型进行运算：
const a = 10n; const b = 10; // 抛出 TypeError const c = a + b * 2n;
这里我们需要注意运算符的优先级，正确的写法应该是：
const a = 10n; const b = 10; // 不会报错 const c = a + BigInt(b) * 2n;
结论
在这篇文章中，我们介绍了如何正确地使用 BigInt 类型，以及在使用 BigInt 时可能遇到的错误，包括不能混用 BigInt 和普通数字类型，BigInt 和普通数字类型在比较时需要注意类型转换，以及使用 BigInt 时需要注意运算符的优先级。
在使用 BigInt 时，遵循这些规则可以帮助我们更好地理解和掌握这个新的数据类型，并避免错误和不必要的困惑。
参考代码如下：
-- -------------------- ---- ------- ----- ------ - ------------------ ----- - - ----- ----- - - --- -- ---- ------ ------- -- ----- - - - - -- -- ---------- ------ -------- ----- - - - - ---------- --------------- -- ---- -- -- ------ ---------------- -- -- - ---------- - -------------- - ---- - -- --- ------ ------------ ----- - - - - --------- - --- --------------- -- ----
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6752b7108bd460d3ad97a266