为什么使用 toFixed 方法的结果不一致呢？

偶遇一个不准确的方法 toFixed() ，其是 JS 中用于将数字格式化为指定小数位数的方法，但有时返回的结果不够准确，展示如下：

这通常是由于 JavaScript 对浮点数的处理方式导致的。

1. 浮点数精度问题

JavaScript 中的数字是以 IEEE 754 双精度浮点数 格式存储的，遵循64位的二进制浮点数表示。这种表示方式虽然能精确表示一些数值（如整数），但对某些小数（如 0.1 或 0.2 等）无法精确表示，它们会被存储为近似值。这是因为在二进制中，有些小数无法被精确地表示，导致了舍入误差。

🌰

这里 0.1 + 0.2 并不是精确的 0.3，而是稍微大于 0.3 的近似值。这种舍入误差是由于浮点数在二进制中表示精度不足造成的。

分析：

1、存储不精确

计算机存储的是二进制格式，不能存储无限小数，需要进行截断处理，导致第一步存储不精确，截断之后为 1 进一位，截断之后为 0 保留位。

2、运算不精确

因为存储的问题，进一步导致运算出问题，但不是绝对的，可能会抵消。

3、显示不精确

浏览器会进行近似处理，而不是完全展示真实数据。

一个神奇的现象，两个不一样的数据居然返回为 true。 

2. toFixed() 的行为

toFixed() 方法会将一个数字四舍五入为指定的小数位数，然后返回字符串形式的结果。

虽然它的作用看起来很简单，但由于浮点数的精度问题，有时会返回意料之外的结果。尤其是当浮点数内部表示的近似值超出人们期望时，toFixed() 会将这个误差传播到结果中。

🌰：

在 1.005 的例子中，浮点数舍入时引入了误差，toFixed(2) 结果会让人觉得舍入有问题，然而这是浮点数精度不足的体现。

十进制位数不同导致精度最后取舍有问题，究竟是1100的循环还是0011还是其他，影响不大。

3. 如何解决 toFixed 精度不准的问题

要解决浮点数精度问题，可以采用以下几种方法：

1、手动控制四舍五入的逻辑

function toFixedFix(num, decimalPlaces) {const factor = Math.pow(10, decimalPlaces);return (Math.round((num + Number.EPSILON) * factor) / factor).toFixed(decimalPlaces);
}console.log(toFixedFix(1.005, 2));  // 输出 1.01
console.log(toFixedFix(10.235, 2));  // 输出 10.24

2、使用第三方库

由于 JavaScript 内置的浮点数精度问题，一些库提供了更加精确的数值处理方法，尤其适用于财务计算等对精度要求较高的场景。

🌰：BigNumber、Decimal，它可以精确处理任意大小和精度的数字。

// npm install bigdecimal.js
const BigDecimal = require('bigdecimal.js');function toFixedBigDecimal(num, decimalPlaces) {const bigNum = new BigDecimal(num.toString());return bigNum.setScale(decimalPlaces, BigDecimal.ROUND_HALF_UP).toString();
}console.log(toFixedBigDecimal(1.005, 2)); // 输出 1.01
console.log(toFixedBigDecimal(10.235, 2)); // 输出 10.24

这些库通过不同的底层实现来避免 JavaScript 浮点数的精度问题，并提供更多精确的数值操作方法。

3、使用字符串运算解决浮点误差

可以通过将数字转换为字符串，避免浮点数计算的问题。

function toFixedString(num, decimalPlaces) {let [integerPart, decimalPart] = num.toString().split('.');if (decimalPart && decimalPart.length > decimalPlaces) {// 提取多余的位数进行四舍五入操作const roundingDigit = parseInt(decimalPart[decimalPlaces], 10);decimalPart = decimalPart.slice(0, decimalPlaces);if (roundingDigit >= 5) {decimalPart = (parseInt(decimalPart, 10) + 1).toString();}}return parseFloat(integerPart + '.' + decimalPart).toFixed(decimalPlaces);
}console.log(toFixedString(1.005, 2)); // 输出 1.01
console.log(toFixedString(10.235, 2)); // 输出 10.24