后端返回64位数据,前端如何处理?
JavaScript的数值范围问题
JavaScript只有一种数据类型Number来表示数字,它是双精度64位浮点类型。如下图所示,可以看到,使用52位作为尾数位,整数就是存储在这里;然后使用11位作为指数位,1位作为符号位。
而Number规定的“安全”整数范围就是 -(2^53-1) ~2^53-1,所谓“安全”就是指在这个数值范围内的算术运算是可以保证精度的,不会出现精度丢失的问题。而超出这个范围的算术运算则会出现精度丢失的情况,如下图所示:
let num = 2**53; console.log(num);//9007199254740992 console.log(num+1); //9007199254740992,出现精度丢失
注意:为什么使用52位作为尾数位存储整数却能达到53次方呢?因为在浮点数表示法的规范中默认第一位是1,且这个第一位可以省略,因此就节省了一位,这样就可以达到53次方。
后端返回64位数据,前端如何处理?
可以将后端传过来的数据转换为字符串形式来避免精度丢失的问题。例如,使用 axios 中的 transformResponse 配置,可以在数据传递给 then/catch 前,允许修改响应数据。