解决使用 ES2020 BigInt 创建相加减失精的问题

在前端开发中，我们通常会用到各种数字类型进行计算，比如整数、浮点数等。但是，在处理非常大的数时，常规的数字类型就会有精度丢失的问题，导致计算结果不准确。

ES2020 中引入了一个新的基本数据类型 BigInt，可以处理非常大的整数， 解决了数字类型精度的问题。然而，使用 ES2020 BigInt 创建相加减时也会出现精度丢失问题，本文将为大家详细介绍如何避免这个问题。

问题描述

使用 ES2020 BigInt 进行大数相加减时，可能会发生精度丢失问题。

例如，对于以下代码：

const sum = BigInt(Number.MAX_SAFE_INTEGER) + BigInt(Number.MAX_SAFE_INTEGER)
console.log(sum)

输出结果应该是：

18014398509481982n

但是，实际上输出结果是：

18014398509481984n

我们可以看到精度出现了错误，导致结果不准确。

问题原因

这种精度丢失的问题是由于 JavaScript 对于大数字的处理不够精确，导致在相加减时出现了误差。具体原因是 JavaScript 采用的是 64 位双精度浮点数表示数字，在处理超出其精度范围的数字时，就会出现精度丢失。

解决方法

为了解决这个问题，我们需要采用一些特殊的处理方法，下面介绍两种比较常见的方法。

使用字符串相加减

考虑到 BigInt 本来就是在处理超出 JavaScript 最大安全数的情况，因此我们可以采用字符串相加的方式来处理大数字的相加减。

const x = BigInt(Number.MAX_SAFE_INTEGER)
const y = BigInt(Number.MAX_SAFE_INTEGER)
const sum = BigInt(x.toString() + y.toString())
console.log(sum)

这样处理可以避免了 BigInt 相加减时出现的精度问题，输出结果为：

18014398509481982n

使用 ES2020 新特性

我们也可以使用 ES2020 中的新特性 bigint 来快速解决这个问题。只需要在数字后面直接加上“n”即可。

const x = 9007199254740991n
const y = 9007199254740991n
const sum = x + y
console.log(sum)

输出结果为：

18014398509481982n

使用这种方式不仅代码更加简洁便捷，而且保证了运算结果的准确性。因此，在实际开发中，我们可以优先使用这种方式来处理大数字相加减的问题。

总结

本文介绍了在使用 ES2020 BigInt 进行大数字相加减时，可能会遇到精度丢失的问题，并提供了解决这个问题的两种方法：使用字符串相加减和使用 ES2020 新特性。通过本文的介绍，相信大家已经了解了这个问题的原因并学会了如何解决它。在实际开发中，我们需要时刻注意数据类型的选择，以避免出现意外的精度丢失问题。

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