JavaScript 在处理长整型时会有一定的问题,有时精度会缺失。
问题
当 Java 后台有个 Long 型值20175678901234567
转到前台时,发现精度存在问题:
var batchNumber = 20175678901234567; console.log(batchNumber); // 20175678901234570
也就是说,到了前端 JavaScript 接收后,值变成了20175678901234570
。
原理
JavaScript 中所有的数字类型,实际存储都是通过 8 字节 double 浮点型 表示的。浮点数并不是能够精确表示范围内的所有数的, 虽然 double 浮点型的范围看上去很大: 2.23x10^(-308) ~ 1.79x10^308。 可以表示的最大整数可以很大,但能够精确表示,使用算数运算的并没有这么大。
比如,简单的加法运算,结果也是出人意料:
var x = 0.2; var y = 0.1; console.log(x+y); // 0.30000000000000004
JavaScript 有所谓的最大和最小安全值:
console.log(Number.MAX_SAFE_INTEGER); //9007199254740991 console.log(Number.MIN_SAFE_INTEGER); //-9007199254740991
在安全值范围内的整形都能够正常显示,超出安全值范围的整型则结果都是错误的结果, 因为它们进行的都是浮点数运算会丢失精度,都不可靠。
console.log(Number.MAX_SAFE_INTEGER + 2); // 9007199254740992 console.log(Number.MAX_SAFE_INTEGER + 2000); // 9007199254742992
解决方案
直接将JavaScript 中的长整型以字符串形式来表示就不会有精度问题:
var batchNumberStr = '20175678901234567'; console.log(batchNumberStr); // 20175678901234567