财务系统，js精度问题怎么解决？

Question

js数字类型有限制，浏览器，预览和响应标签返回的数据有时候都不一致，请问大家是通过后台返回字符串还是什么别的方式解决的？

Answer 1

推荐后台返回字符串 + 前端使用高精度库

1.后台返回字符串：

• 在后台处理数据时，将所有涉及到高精度计算的数字转换为字符串格式返回前端。这可以避免在传输过程中由于浮点数精度问题导致的数据丢失。
• 例如，在 Java 中可以使用 BigDecimal 类来处理高精度计算，并将结果转换为字符串返回。

2.前端使用高精度库：

• 在前端接收到字符串格式的数字后，使用高精度计算库进行处理。推荐使用 Decimal.js 或 BigNumber.js。
• 这些库可以在前端进行任何数学运算时保持高精度，避免浮点数运算中的精度问题。

实现步骤：

1.后台代码示例（Java）：

import java.math.BigDecimal;

public class FinancialService {
    public String calculateHighPrecisionValue(BigDecimal value1, BigDecimal value2) {
        BigDecimal result = value1.add(value2); // 示例计算
        return result.toString(); // 返回字符串格式
    }
}

2.前端代码示例（JavaScript）：

// 引入 Decimal.js 库
const Decimal = require('decimal.js');

// 假设从后台接收到的字符串格式的数字
const value1 = new Decimal('123456789.123456789');
const value2 = new Decimal('987654321.987654321');

// 进行高精度计算
const result = value1.plus(value2);

console.log(result.toString()); // 输出结果

Answer 2

精度问题只有计算时才会出现吧，如果前端计算的话，可以使用Math.js来解决计算精度的问题