在 ECMAScript 2020（又称 ES11）中引入了新的数据类型 BigInt，用于处理超出 53 位整数范围的数值运算。BigInt 在前端开发中具有重要的意义，因为它提供了一种可靠的方式来处理大数字操作，例如密码学、货币交易以及时间戳等等。本文将深入介绍 BigInt 的学习和指导意义。
BigInt 的介绍
BigInt 是一种新的内置类型，它可以表示任意长度的整数，就像 Number 类型一样。一般来说，Number 类型可以表示的最大值是 2 的 53 次方减 1，而 BigInt 可以表示任意位数的整数。BigInt 值使用后缀 "n" 表示。
const bigNumber = 123456789123456789123456789n; console.log(bigNumber); // 123456789123456789123456789n
为了创建一个 BigInt 值，我们可以在数字后面加上 "n" 后缀，这告诉 JavaScript 编译器对这个值创建 BigInt。值得注意的是，创建 BigInt 的方法与创建 Number 的方法不同，我们不能使用内置的 parseInt 或 parseFloat 函数来创建 BigInt 值。
BigInt 支持运算符、内置方法和全局对象，并使用与 Number 类型相似的语法进行计算。BigInt 与 Number 类型一样具有自动类型转换，它们可以进行混合运算。
BigInt 与 Number 的差异
在 BigInt 和 Number 之间进行混合运算时，BigInt 会强制类型转换为 Number 类型，这意味着 BigInt 可能会丢失精度。
const bigNumber = 123n; const smallNumber = 42; console.log(bigNumber + smallNumber); // 165
在上面的示例中，BigInt 值 123n 被强制转换为了 Number 类型，然后和另一个 Number 类型的值进行加法运算。结果是一个 Number 类型的值 165，而不是 BigInt，因为 BigInt 进行了自动类型转换。
反过来，如果从 Number 类型向 BigInt 类型进行强制类型转换，则 BigInt 可以准确地表示原始数值。
const maxNumber = Number.MAX_SAFE_INTEGER; const bigNumber = BigInt(maxNumber); console.log(bigNumber); // 9007199254740991n
在上面的示例中，我们使用 Number.MAX_SAFE_INTEGER 常量来创建一个 Number 类型的值。该常量定义了 JavaScript 中 Number 可以准确地表示的最大值，如果超过这个范围则会出现精度问题。然后我们使用 BigInt 构造函数将其强制转换为 BigInt 类型，BigInt 可以准确地表示这个数值 9007199254740991。
BigInt 对象和方法
ECMAScript 2020 还引入了一些新的 BigInt 相关的方法和属性。
BigInt.asUintN(bits, value)
这个方法返回一个指定位数的无符号整数。如果 value 值是一个 BigInt，它将使用指定的位数来截取该值。如果 value 值是一个 Number，它将被转换成 BigInt 之后进行截取。
const bigNumber = BigInt.asUintN(8, 300n); console.log(bigNumber); // 44n
在上面的示例中，我们使用 BigInt.asUintN 方法将 BigInt 值 300n 截取为一个 8 位的无符号整数。结果是 44n，因为 300 被强制转换为 44，因为 44 是以下二进制值的 8 位子序列：00101100。
BigInt.asIntN(bits, value)
这个方法返回一个指定位数的有符号整数。如果 value 值是一个 BigInt，它将使用指定的位数来截取该值。如果 value 值是一个 Number，它将被转换成 BigInt 之后进行截取。
const bigNumber = BigInt.asIntN(8, -300n); console.log(bigNumber); // -44n
在上面的示例中，我们使用 BigInt.asIntN 方法将 BigInt 值 -300n 截取为一个 8 位的有符号整数。因为这是一个负数，所以结果是 -44n，因为 -300 被强制转换为 -44，因为 -44 是以下二进制值的 8 位子序列：11010100。
对象属性 BigInt.true 和 BigInt.false
这两个属性是 ECMAScript 2020 引入的，用于表示 true 和 false 的 BigInt 类型值。这两个属性非常罕见，只在特定的情况下使用，例如在某些加密算法中。
console.log(BigInt.true); // 1n console.log(BigInt.false); // 0n
在上面的示例中，我们打印 BigInt.true 和 BigInt.false的值，BigInt.true 的值为 1n，BigInt.false 的值为 0n。
BigInt 的应用
BigInt 在前端开发中可以用于很多应用场景，其中最常见的是处理大型数值。例如，我们可以使用 BigInt 轻松地处理时间戳等类型的值，这些值以毫秒为单位并且可能需要精确到纳秒级别。另一个大量使用 BigInt 的领域是金融和货币交易，因为这些操作通常涉及大量的小数点和精确的计算。
示例代码：计算斐波那契数列的第 n 个数。
-- -------------------- ---- -------
-------- ------------ -
--- - - ---
--- - - ---
-- -- --- --- ------ --
--- ---- - - --- - -- -- ---- -
--- - - - - --
- - --
- - --
-
------ --
-
----------------------------- -- ----------------------在上面的示例代码中，我们定义了一个函数 fibonacci，它使用 BigInt 类型的变量 a、b 和 c 来计算斐波那契数列中第 n 个数。由于 BigInt 可以处理范围更广的整数，因此我们可以计算更高的斐波那契数列值，例如 100 位的值。
总结
BigInt 是 ECMAScript 2020 中的重要新功能，它为前端开发提供了一种可靠的方法来处理大型数值。本文介绍了 BigInt 的基本用法、与 Number 类型的区别，以及一些新增的 BigInt 方法和属性。BigInt 可以用于处理各种复杂的算法和计算，例如密码学和货币交易。通过学习本文的内容，读者可以更加深入地理解 BigInt，以及如何在前端应用 BigInt 的知识。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64680f77968c7c53b08480a2