toFixed的结果可能会“欺骗”人，用该方法不一定四舍五入

`toFixed()` 是 JavaScript 中用于将数字转换为字符串并保留指定小数位数的方法。然而，它在某些情况下可能会产生“欺骗性”的结果，尤其是在处理浮点数精度时。

语法

//javascript

number.toFixed(digits)

`digits`：指定小数位数，范围在 0 到 20 之间（包括 0 和 20）。

`toFixed()` 会将数字四舍五入到指定的小数位数，并返回一个字符串。如果小数位数不足，会用 0 填充。

问题

1. 浮点数精度陷阱（IEEE 754 问题）
JavaScript 使用二进制浮点数表示小数，导致某些十进制小数无法精确存储。`toFixed()` 会放大这一误差：

const num = 0.1 + 0.2;

// 实际值:0.30000000000000004
console.log(num.toFixed(1));

//"0.3"（看似正确，但原值并不等于 0.3）
console.log(num === 0.3); // false
 

2. 四舍五入的边界问题
当小数部分恰好在舍入边界时，`toFixed()` 可能产生意外结果：

const num1 = 1.005;
console.log(num1.toFixed(2));

// "1.00"（预期是 "1.01"）

const num2 = 1.355;
console.log(num2.toFixed(2));

// "1.35"（预期是 "1.36"）

原因：浮点数在内存中的实际值可能略小于表面值。例如，`1.005` 实际存储为 `1.0049999999999998934`，导致四舍五入错误。

可以用toPrecision查看数字具体值

如

0.3.toPrecision(10)=0.2999999999

3. 返回值类型陷阱
`toFixed()` 返回的是字符串，直接参与数学运算可能导致意外：

const price = 123.456.toFixed(2);

// "123.46"
console.log(price * 1.1);

// 135.806（price自动转换为数字，但依赖隐式转换）
console.log(price + 10);

// "123.4610"（price为字符串，即为字符串拼接！）
 

4. 超出范围的 `digits` 参数
若 `digits` 超过 20 或为负数，会抛出错误：

(3.14).toFixed(21); // RangeError
(3.14).toFixed(-1); // RangeError
 

如何避免被“欺骗”？

1. 手动修正四舍五入
通过调整指数放大数值，避免浮点数误差：

function safeToFixed(num, digits) {
  const factor = 10 ** digits;
  // 放大 → 四舍五入 → 缩小 → 转字符串
  return (Math.round(num * factor) / factor).toFixed(digits);
}
console.log(safeToFixed(1.005, 2));

// "1.01"
 

2. 使用高精度库
处理金融等敏感场景时，使用专用库（如 `decimal.js`）：

import { Decimal } from 'decimal.js';
const num = new Decimal(0.1).add(0.2);
console.log(num.toFixed(2));

// "0.30"（精确结果）

   

安装 decimal.js

npm install  --save decimal.js  

文档：https://mikemcl.github.io/decimal.js/