优雅地使用 ES11 中的 BigInt 类型，排除运算溢出隐患

在前端开发中，我们经常需要进行数值运算。然而，JavaScript 中的 Number 类型最大值有限，会在进行大数运算时出现溢出问题。为了解决这个问题，ES11 引入了一种新的数据类型 BigInt，可以安全地处理大数运算。

BigInt 概述

BigInt 是一种新的数据类型，可以代表任意精度的整数。它可以表示的最大值是 2^53 - 1，比 Number 类型的最大值大得多。BigInt 类型的特点如下：

• 使用后缀 n 表示一个 BigInt 字面量。
• 可以使用 BigInt() 构造函数创建一个 BigInt 实例。
• 不能使用 BigInt 类型和 Number 类型进行混合运算。
• BigInt 类型可以与 BigInt 类型进行运算。
• BigInt 类型与其他类型进行运算时，需要先将其转换成 BigInt 类型再进行运算。

如何使用 BigInt 类型

创建 BigInt 实例

可以使用 BigInt() 构造函数创建一个 BigInt 实例：

const bigIntNum = BigInt('123456789012345678901234567890');

也可以使用 n 后缀表示一个 BigInt 字面量：

const bigIntNum = 123456789012345678901234567890n;

BigInt 运算

1. 加法

const a = 123n;
const b = 456n;
const c = a + b; // 579n

1. 减法

const a = 456n;
const b = 123n;
const c = a - b; // 333n

1. 乘法

const a = 123n;
const b = 456n;
const c = a * b; // 56088n

1. 除法

const a = 456n;
const b = 123n;
const c = a / b; // 3n

1. 取模

const a = 456n;
const b = 123n;
const c = a % b; // 87n

BigInt 转换

1. 转换为字符串

const a = 123n;
const str = a.toString(); // '123'

1. 转换为 Number 类型

const a = 123n;
const num = Number(a); // TypeError: Cannot convert a BigInt value to a number

1. 转换为 Boolean 类型

const a = 123n;
const bool = Boolean(a); // true

避免 BigInt 运算带来的性能问题

虽然 BigInt 可以安全地处理大数运算，但使用 BigInt 运算会带来一定的性能问题。因此，对于不需要超出 Number 类型表示范围的数值运算，最好使用 Number 类型。

const a = 123;
const b = 456;
const c = a + b; // 579

总结

BigInt 类型为 JavaScript 的数值运算带来了更大的灵活性和可靠性。但需要注意的是，使用 BigInt 运算会带来一定的性能问题。在实际开发中，需要根据实际需求选择合适的数值类型。

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