浏览器处理数字运算时精度丢失的方法

• 为什么0.1 + 0.2 不等于0.3。因为计算机不能精确表示0.1， 0.2这样的浮点数，计算时使用的是带有舍入误差的数

• 并不是所有的浮点数在计算机内部都存在舍入误差，比如0.5就没有舍入误差

1.出现的原因

计算机的二进制实现和位数限制有些数无法有限表示。就像一些无理数不能有限表示，如 圆周率 3.1415926...，1.3333... 等。JS 遵循 IEEE 754 规范，采用双精度存储(double precision)，占用 64 bit

• 1位用来表示符号位
• 11位用来表示指数
• 52位表示尾数

比如:

0.1 >> 0.0001 1001 1001 1001…(1001无限循环)0.2 >> 0.0011 0011 0011 0011…(0011无限循环)

此时只能模仿十进制进行四舍五入了，但是二进制只有 0 和 1 两个，于是变为 0 舍 1 入。这即是计算机中部分浮点数运算时出现误差，丢失精度的根本原因。

大整数的精度丢失和浮点数本质上是一样的，尾数位最大是 52 位，因此 JS 中能精准表示的最大整数是 Math.pow(2, 53)，十进制即 9007199254740992。

9007199254740992 + 1 // 丢失9007199254740992 + 2 // 未丢失9007199254740992 + 3 // 丢失9007199254740992 + 4 // 未丢失

大于 9007199254740992 的可能会丢失精度,看似有穷的数字, 在计算机的二进制表示里却是无穷的，由于存储位数限制因此存在“舍去”，精度丢失就发生了

2.如何解决

2.1

在每次计算的时候把小数放到位整数(乘倍数)，再缩小回原来倍数(除倍数) 例:

2.2

第一种每次计算都要重复的去乘以和除以使得代码不美观,将下面方法封装到utils工具中每次使用时去调用就可以了,这几个方法原理上其实和第一种差不多的

//除法function accDiv(arg1,arg2){    var t1=0,t2=0,r1,r2;    try{t1=arg1.toString().split(".")[1].length}catch(e){}    try{t2=arg2.toString().split(".")[1].length}catch(e){}    with(Math){     r1=Number(arg1.toString().replace(".",""))     r2=Number(arg2.toString().replace(".",""))     return accMul((r1/r2),pow(10,t2-t1));   } }     //乘法 function accMul(arg1,arg2){   var m=0,s1=arg1.toString(),s2=arg2.toString();   try{m+=s1.split(".")[1].length}catch(e){}   try{m+=s2.split(".")[1].length}catch(e){}   return Number(s1.replace(".",""))*Number(s2.replace(".",""))/Math.pow(10,m) }//加法function accAdd(arg1,arg2){   var r1,r2,m;   try{r1=arg1.toString().split(".")[1].length}catch(e){r1=0}   try{r2=arg2.toString().split(".")[1].length}catch(e){r2=0}   m=Math.pow(10,Math.max(r1,r2))   return (arg1*m+arg2*m)/m}//减法function Subtr(arg1,arg2){   var r1,r2,m,n;   try{r1=arg1.toString().split(".")[1].length}catch(e){r1=0}   try{r2=arg2.toString().split(".")[1].length}catch(e){r2=0}   m=Math.pow(10,Math.max(r1,r2));   n=(r1>=r2)?r1:r2;   return ((arg1*m-arg2*m)/m).toFixed(n);}// console.log(accMul(0.0003,10000))// console.log(0.0003*10000)

// console.log(Subtr(0.999,0.998))// console.log(0.999-0.998)

// console.log(accMul(0.0035,100))// console.log(0.0035*100)

// console.log(accDiv(0.3,0.2))// console.log(0.3/0.2)

2.3

引入一些处理数字运算的库,比如 Math.js 再去调用它提供出来的方法,个人认为如果项目没有要前端去处理金额之类的可以不用这种