前言
在现代开发中，JavaScript 已经成为了一个不可或缺的工具，它为我们提供了强大的前端开发能力。ECMAScript 2021 中的 BigInt 是一个新的数据类型，它可以让我们处理超出常规 Number 数据类型范围的数据，使得 JavaScript 的应用场景更加广泛。本文将介绍 BigInt 的概念、使用方案、以及示例代码。
BigInt 简介
在 JavaScript 中，Number 数据类型的范围是 -9007199254740991 至 9007199254740991 ，如果我们需要处理比这个范围大的数据，就有可能出现精度丢失的问题。BigInt 数据类型就是为了解决这一问题而存在的。BigInt 可以存储任意长度的数字，而不会丢失精度。
BigInt 是一种新的基本数据类型，它以 n 结尾。在定义 BigInt 变量时，我们需要在数字后面加上 n 表示它是一个 BigInt，例如：
const bigIntValue = 9007199254740992n;
值得一提的是，BigInt 和 Number 不是相互变换的。虽然它们两个类型非常相似，但是它们并不是同一类型。这意味着我们不能在 BigInt 和 Number 之间直接使用算术操作符。比如，加减乘除操作符：
let a = 1n; let b = 2; console.log(a + b); // TypeError: Cannot mix BigInt and other types, use explicit conversions
BigInt 使用技巧
1. 运算操作
为了解决之前提到的问题，我们需要使用 BigInt 的运算操作才能对其进行计算。BigInt 支持丰富的运算操作，包括 +、-、*、/、% 等，与 Number 数据类型的运算操作相同。
我们可以像这样使用：
const a = 9007199254740991n; const b = 9007199254740991n; const result = a + b; // 18014398509481982n
2. 常用的方法
BigInt 也提供了一系列常用的方法，可以方便我们对数据进行处理。
toString()：将 BigInt 转换为字符串。
const bigIntValue = 123456789n; console.log(bigIntValue.toString()); // '123456789'
valueOf()：获取 BigInt 的值。
const bigIntValue = 123456789n; console.log(bigIntValue.valueOf()); // 123456789n
BigInt.asUintN(bitLength, bigIntValue)：将 BigInt 转换为非负整数。
const bigIntValue = -123n; console.log(BigInt.asUintN(8, bigIntValue)); // 133n
BigInt.asIntN(bitLength, bigIntValue)：将 BigInt 转换为指定位数的有符号整数。
const bigIntValue = -120n; console.log(BigInt.asIntN(8, bigIntValue)); // -120n
3. 比较操作
BigInt 也支持比较操作符，包括 <、>、<=、>=、==、!= 等，与 Number 数据类型相同。
-- -------------------- ---- ------- ----- - - ------------------ ----- - - ------------------ -- -- -- -- - -------------- ------ ---- - -- -- - -- - -------------- -- ---- ---- ---- - -- -- - -- - -------------- -- ------- ---- ---- -展开代码
4. 数组操作
在处理大数值数组的时候，我们可以使用 BigInt64Array 类型数组。
const bigIntArray = new BigInt64Array([9007199254740991n, 9007199254740992n]); console.log(bigIntArray); // BigInt64Array(2) [9007199254740991n, 9007199254740992n]
示例代码
下面是一些示例代码，可以帮助你更好地理解 BigInt。比如如何使用 BigInt 进行加法操作，以及如何使用 BigInt 获取斐波那契数列中的第 n 个数字。
-- -------------------- ---- ------- -- ------ ---- -------- ------------ -- - ------ - - -- - ----- ------ - ---------------------------- ------------------- -------------------- -- ------------------ -- ----------- - --- -------- ------------ - --- - - --- --- - - --- -- -- -- -- ------ -- --- ---- - - -- - -- -- ---- - --- --- - - - -- - - -- - - ---- - ------ -- - ---------------------------- -- ----------------------展开代码
结尾
本文对 ECMAScript 2021 中的 BigInt 进行了详细介绍，包括概念、使用方案、常用方法等。相信读者们通过本文的学习，对 BigInt 的使用已经有了一定的了解，可以更好地应用它在实践中。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6792d140504e4ea9bd6c164a
