Number.MAX_SAFE_INTEGER 后端long类型的ID 导致前端 精度丢失

Number.MAX_SAFE_INTEGER

Number.MAX_SAFE_INTEGER 常量表示在 JavaScript 中最大的安全整数（maxinum safe integer)（253 - 1）。

 

描述

MAX_SAFE_INTEGER 是一个值为 9007199254740991的常量。因为Javascript的数字存储使用了IEEE 754中规定的双精度浮点数数据类型，而这一数据类型能够安全存储 -(253 - 1) 到 253 - 1 之间的数值（包含边界值）。

这里安全存储的意思是指能够准确区分两个不相同的值，例如 Number.MAX_SAFE_INTEGER + 1 === Number.MAX_SAFE_INTEGER + 2 将得到 true的结果，而这在数学上是错误的，参考Number.isSafeInteger()获取更多信息.

由于 MAX_SAFE_INTEGER 是Number的一个静态属性，所以你不用自己动手为Number对象创建Number.MAX_SAFE_INTEGER这一属性，就可以直接使用它。

解决方法：

1.后端发字符串类型。

将后端发过来的long类型转为string类型再向前端传。如果向前端传的是DAO集合，则每个DAO都需要转类型，太过于繁琐。想想就算了。

 

解决方法：进阶：

1: 使用第三方依赖 

https://github.com/MikeMcl/bignumber.js

https://github.com/MikeMcl/decimal.js

 

2：String 浮点数运算

//说明：javascript的运算结果会有误差，在两个浮点数加减乘除运算的时候会比较明显。下面函数返回较为精确的运算结果。 
//加法函数
//调用：accAdd(arg1,arg2) 
//返回值：arg1加上arg2的精确的相加结果 
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 
} 

//减法函数
//调用：accSub(arg1,arg2) 
//返回值：arg1减去arg2的精确的相减结果 
function accSub(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);
}

//除法函数
//调用：accDiv(arg1,arg2) 
//返回值：arg1除以arg2的精确的相除结果 
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 (r1/r2)*pow(10,t2-t1); 
    } 
} 

//乘法函数
//调用：accMul(arg1,arg2) 
//返回值：arg1乘以arg2的精确的相乘结果 
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) 
} 

3: bigInt  仅支持整数

10n + 20n;    // → 30n
10n - 20n;    // → -10n
+10n;         // → TypeError: Cannot convert a BigInt value to a number
-10n;         // → -10n
10n * 20n;    // → 200n
20n / 10n;    // → 2n
23n % 10n;    // → 3n
10n ** 3n;    // → 1000n

let x = 10n;
++x;          // → 11n
--x;          // → 10n