前端精确数字运算解决方案：使用 BigNumber.js 处理 JavaScript 精度问题

2、配置 BigNumber.js

BigNumber.js 提供了全局配置选项，可以设置默认精度、舍入模式等。这些配置对所有 BigNumber 实例生效。

BigNumber.config({
  DECIMAL_PLACES: 10, // 设置小数点后保留位数
  ROUNDING_MODE: BigNumber.ROUND_HALF_UP, // 四舍五入
  EXPONENTIAL_AT: [-15, 20] // 设置科学计数法的触发范围
});

• DECIMAL_PLACES：控制小数点后的保留位数。
• ROUNDING_MODE：定义舍入模式，支持以下选项：
  • BigNumber.ROUND_UP：向上取整。
  • BigNumber.ROUND_DOWN：向下取整。
  • BigNumber.ROUND_HALF_UP：四舍五入。
  • BigNumber.ROUND_HALF_DOWN：五舍六入。
• EXPONENTIAL_AT：设置科学计数法的触发范围。例如，[-15, 20] 表示当数字小于 1e-15 或大于 1e20 时，会自动转换为科学计数法。

你也可以在创建 BigNumber 实例时用局部配置代替全局配置：

const num = new BigNumber('1.23456789', { DECIMAL_PLACES: 5 });
console.log(num.toString()); // 输出：1.23457

3、常用方法

以下是一些常用的 BigNumber.js 方法及其用途：

①创建 BigNumber 实例

const num = new BigNumber('123456789.123456789');
console.log(num.toString()); // 输出：123456789.123456789

②基本运算

BigNumber.js 支持加法、减法、乘法、除法、取模等操作。

const a = new BigNumber('10');
const b = new BigNumber('3');
console.log(a.plus(b).toString()); // 加法：13
console.log(a.minus(b).toString()); // 减法：7
console.log(a.times(b).toString()); // 乘法：30
console.log(a.div(b).toString()); // 除法：3.3333333333333333333
console.log(a.mod(b).toString()); // 取模：1

③幂运算

const num = new BigNumber('2');
console.log(num.pow(10).toString()); // 幂运算：1024

④绝对值

const num = new BigNumber('-123.45');
console.log(num.abs().toString()); // 绝对值：123.45

⑤舍入

const num = new BigNumber('1.23456789');
console.log(num.toFixed(2, BigNumber.ROUND_UP)); // 向上取整：1.24
console.log(num.toFixed(2, BigNumber.ROUND_DOWN)); // 向下取整：1.23
console.log(num.toFixed(2, BigNumber.ROUND_HALF_UP)); // 四舍五入：1.23

⑥比较

const a = new BigNumber('10');
const b = new BigNumber('20');
console.log(a.comparedTo(b)); // 比较：-1（a < b）
console.log(a.isEqualTo(b)); // 判断是否相等：false
console.log(a.isGreaterThan(b)); // 判断是否大于：false
console.log(a.isLessThan(b)); // 判断是否小于：true

⑦格式化输出

const num = new BigNumber('123456789.123456789');
console.log(num.toString()); // 默认格式：123456789.123456789
console.log(num.toFormat(2)); // 格式化为两位小数：123,456,789.12
console.log(num.toExponential(2)); // 科学计数法：1.23e+8

⑧链式调用

const result = new BigNumber('10')
  .plus('5') // 10 + 5 = 15
  .times('2') // 15 * 2 = 30
  .div('3') // 30 / 3 = 10
  .pow('2'); // 10^2 = 100
console.log(result.toString()); // 输出：100

三、核心特性

1、大数精度丢失问题

JavaScript 原生 Number 类型在处理非常大的数字或小数时会出现精度丢失，而 BigNumber.js 能确保任意精度。

// 原生 JavaScript
console.log(9007199254740992 === 9007199254740993); // 输出：true（错误）
// 使用 BigNumber.js
const BigNumber = require('bignumber.js');
const num1 = new BigNumber('9007199254740992');
const num2 = new BigNumber('9007199254740993');
console.log(num1.eq(num2)); // 输出：false（正确）

2、小数运算精度问题

原生 JavaScript 在处理小数运算时可能会出现浮点数精度误差，而 BigNumber.js 能确保精确结果。

// 原生 JavaScript
console.log(0.1 + 0.2); // 输出：0.30000000000000004（错误）
// 使用 BigNumber.js
const BigNumber = require('bignumber.js');
const num1 = new BigNumber('0.1');
const num2 = new BigNumber('0.2');
console.log(num1.plus(num2).toString()); // 输出：0.3（正确）

3、大数乘除法精度问题

原生 JavaScript 在处理大数乘/除法时可能会丢失精度，而 BigNumber.js 能确保精确结果。

// 原生 JavaScript
const weiAmount = 1000000000000000001; // 1 ETH + 1 wei
const ethAmount = weiAmount / 1000000000000000000;
console.log(ethAmount); // 输出：1.0000000000000002（错误）
// 使用 BigNumber.js
const BigNumber = require('bignumber.js');
const weiAmount = new BigNumber('1000000000000000001'); // 1 ETH + 1 wei
const ethAmount = weiAmount.div(new BigNumber('1000000000000000000'));
console.log(ethAmount.toString()); // 输出：1.000000000000000001（正确）

四、总结

BigNumber.js 是为了解决 JS 在处理'十进制小数'时精度丢失的问题而生的。相比之下，其他库要么功能更复杂（decimal.js）、要么精度控制不默认（math.js）、要么只处理整数（BigInt）。