为何JavaScript中浮点数加法仅需乘以10即可解决精度问题？

核心原因：JS浮点数的本质 #

• JS采用IEEE 754双精度浮点数存储数值，并非所有十进制小数都能被二进制精确表示——比如0.1、0.2是二进制无限循环小数，存入内存时只能取近似值，直接相加会导致误差放大，出现0.30000000000000004这类结果。

乘10解决问题的逻辑 #

• 0.1×10=1，0.2×10=2，这两个都是**2^{53以内的整数**——而双精度浮点数能精确表示所有2}53以内的整数，因此1+2=3的计算完全没有误差。
• 再将结果除以10得到0.3，虽然0.3本身也无法被二进制精确表示，但JS在把数值转换为字符串输出时，会自动取最接近的可读十进制数（即0.3），不会显示底层的误差值。

为什么不用乘10^10？ #

• 完全没必要：乘10已经足够把0.1、0.2转成精确整数，多乘只会增加计算量，没有额外收益。
• 核心原则是乘的数要刚好消去所有小数位，转成整数，不是越大越好。比如计算0.12+0.34需要乘100，计算0.123+0.456需要乘1000，按需选择即可。

局限性说明 #

• 这种方法仅适用于小数位不多、且转换后的整数在2^53以内的场景。
• 如果涉及超过2^53的整数，或者极多小数位的数值，该方法会失效，此时建议使用专门的高精度计算库处理。

你的代码验证 #

你提供的代码就是上述逻辑的实现：

let y = (0.2 * 10 + 0.1 * 10) / 10;
document.getElementById("abc").innerHTML = "0.2 + 0.1 = " + y;

搭配HTML结构：

<!DOCTYPE html>
<html>
<body>
  <p id="abc"></p>
</body>
</html>

运行后页面会显示0.2 + 0.1 = 0.3，符合预期。

内容的提问来源于stack exchange，提问作者eric2023