非常重要的 ES11 修复的 JavaScript 精度问题

如果你是一名前端工程师或者对 JavaScript 有一定的了解，那么你一定会知道 JavaScript 在处理数字时会存在精度问题。这个问题在过去一直被认为是 JavaScript 语言本身的一个限制，因为 JavaScript 存储数字的方式是采用 64 位双精度浮点数表示，而这种方式在处理一些精度较高的数字时容易出现精度误差。

幸运的是，在 2020 年发布的 ES11 标准中， JavaScript 引入了一种新的数据类型 BigInt，这个数据类型可以用来处理精度更高的数字，解决了 JavaScript 精度问题。本文将详细介绍 BigInt 的使用方法以及如何解决 JavaScript 精度问题。

BigInt 简介

BigInt 是 JavaScript 引入的一个新的数据类型，用于处理大整数运算。在过去双精度浮点数不能很好的处理超过 2 的 53 次方的数值，BigInt 通过一个新的数据类型来支持大整数计算。

首先我们看一看 BigInt 的定义方式：

const a = 1n // 声明一个 BigInt 类型的常量
const b = BigInt(2) // 使用 BigInt 函数创建 BigInt 类型

大家可以通过 typeof 操作符来验证 a 和 b 的类型：

typeof a // "bigint"
typeof b // "bigint"

可以发现，BigInt 的类型是 bigint，而不是数字类型的 number。

BigInt 的运算

BigInt 与普通数字类型的运算是不同的，BigInt 的运算需要使用 BigInt 特定的运算符，例如：

const a = 2n
const b = 3n
const c = a + b // 5n
const d = a * b // 6n

需要注意的是，BigInt 与普通数字类型不能混用，如果混用将会出现类型不匹配的错误：

const a = 1n
const b = 2
a + b // TypeError: Cannot mix BigInt and other types, use explicit conversions

此时需要显式将普通数字类型转换成 BigInt 类型，例如：

const a = 1n
const b = 2
a + BigInt(b) // 3n

解决 JavaScript 精度问题

既然 BigInt 可以处理大整数运算，那么它也就能够解决 JavaScript 精度问题。我们可以通过 BigInt 来处理一些较为精度要求高的运算。

例如，我们使用普通数字类型计算 0.1 加 0.2 的结果：

const result = 0.1 + 0.2
console.log(result) // 0.30000000000000004

通过 BigInt，将 0.1 和 0.2 转成 BigInt 类型，然后计算出它们的和：

const a = BigInt(1)
const b = BigInt(2)
const c = a * 10n + b * 10n // 30n
const result = c / 10n // 3n
console.log(Number(result)) // 3

很明显，结果就是我们期望的值 0.3，BigInt 可以很好的处理这种精度要求高的运算。

总结

在本文中，我们针对 JavaScript 精度问题，详细引入了 ES11 中新增的 BigInt 数据类型，以及如何使用 BigInt 来处理精度要求高的运算。BigInt 能够解决 JavaScript 精度问题，并且可以很好的处理大整数计算。在实际开发中需要根据具体情况选择使用普通数字类型还是 BigInt 类型，以达到最佳性能和精度的平衡点。

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