详解 ES11 新特性 BigInt 的使用及注意事项-JavaScript中文网-JavaScript教程资源分享门户

在 ES11 中，新增加了一种类型 -- BigInt。BigInt 类型常常用于处理满足 Number 类型范围无法表示的大整数，它可以表示任意大小的整数。

在本文中，我们将着重探讨 BigInt 类型的使用及注意事项，帮助读者更好地理解 BigInt 类型的作用并在实际开发中运用到实践中。

什么是 BigInt？

在 JavaScript 中，Number 类型是用来表示数字的。由于 JavaScript 使用的是 IEEE 754 规范表示数字，它有一个最大安全整数的范围。如果我们需要处理比这个范围更大的整数，那么 JavaScript 就无法正常工作了。

BigInt 类型就是应对上述问题而产生的，它可以存储任意大小的整数，从而使开发人员能够在 JavaScript 中更加便捷地处理超出 Number 类型范围的整数数据。

BigInt 的创建方式和使用方法都非常简单。我们只需要在数字后面加上 “n”，JavaScript 就能够将该数字转化为 BigInt 类型，例如：3000000000000000000n。

const bigNum = 3000000000000000000n;

我们还可以使用 Number 类型转换为 BigInt 类型：

const n = Number.MAX_SAFE_INTEGER + 1n;

需要注意的是，由于 BigInt 超出了 Number 类型的范围，因此我们不能在 BigInt 和 Number 类型之间进行数学运算。但是，我们可以将 BigInt 转换为 Number 类型再进行计算。

const a = 1000000000000000000n;
const b = 1000000000000000000;

console.log(a + b); // TypeError
console.log(Number(a) + b); // 2000000000000000000

虽然 BigInt 的使用方法和 Number 类型非常相似，但是在使用 BigInt 时仍然需要注意一些细节问题。

JavaScript 中常用的运算符，如加减乘除、余数运算等都支持 BigInt 类型，但是不支持比较运算符（如“<”、“>”、“<=”、“>=”、“===”、“!===”）。

另外需要注意的是，由于 BigInt 类型只能够和 BigInt 类型进行运算，我们在进行计算时要注意数据类型的一致性。

const c = 100n;
const d = "200";

console.log(c + d); // TypeError
console.log(c + BigInt(d)); // 300n

由于 BigInt 类型是 ES11 新增的，因此并不是所有的函数都支持 BigInt 类型。在使用 BigInt 和其他类型的函数时，需要确保该函数支持 BigInt 类型。

const e = 100000000000000000n;
console.log(Math.sqrt(e)); // NaN
console.log(Math.sqrt(Number(e))); // 10000000

值得注意的是，大部分 ES6 内置的函数都不支持 BigInt 类型，因此在开发中，需要确保所调用的函数能够支持 BigInt 类型，或者编写自定义函数来处理该类问题。

通过本篇文章的阅读，我们深入地了解了 BigInt 类型的使用方法，以及在实际开发中需要注意的事项。虽然 BigInt 目前在前端开发中使用还不是非常广泛，但它在处理超长整数时仍然是一种非常好的选择。我们相信，通过深入理解 BigInt 类型的使用方法，我们能够更加方便地进行大整数的处理。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/64e009dff6b2d6eab3b28bcf