如何优雅的解决js数字计算精度问题

在js计算数浮点小数的时候，会产生无线不循环小数，比如我们正常在计算0.1+0.2时，正常结果应该是0.3，但是使用js计算时会出现如下结果：

let a = 0.1, b = 0.2
console.log(a + b) // 0.30000000000000004

我们发现 0.1 + 0.2 ！== 0.3
计算机是通过二进制的方式存储数据的，所以计算机在计算0.1+0.2的时候，实际上是计算两个数字的二级制的和，0.1的二进制是0.000110011001100…(1100循环)，0.2的二进制是0.00110011001100…(1100循环)，这两个数字的二进制都是无线循环的数
一般我们认为数字包括整数和小鼠，但是在js种只有一种数字类型,Number,它遵循的是标准的双精度浮点数，在二进制科学表示法种，双进度浮点数的小数部分最多保留52位，再加上前面的1，其实就是保留53位有效数字，剩余的需要舍去，遵循“0舍1入”的原则。
根据这个原则，0.1和0.2的二进制数相加，再转化为十进制数字就是：0.30000000000000004。

我们在实际开发过程中，使用的是自然数算法，与计算机二进制算法不太一样，导致算出来的结果会有出入，
我们应该如何实现0.1 + 0.2 = 0.3 呢

首先，在实际业务场景中，一般最多保留小数点后四位，多余部分四舍五入，我们可以使用js的toFixed()方法，先保留小数点后四位，得到结果为 0.1+0.2 = 0.3000

let a = 0.1, b = 0.2, c
console.log(a + b) // 0.30000000000000004
c = a + b
console.log(c.toFixed(4)) // 0.3000

然后再对得到的结果使用parseFloat方式，可以去掉多余的0

let a = 0.1, b = 0.2, c
console.log(a + b) // 0.30000000000000004
c = a + b
console.log(c.toFixed(4)) // 0.3000
console.log(parseFloat(c.toFixed(4))) // 0.3

即可得到我们想要的结果。

tips:此方法只是我在开发中使用到的方法，如有更好的方法，欢迎留言讨论。