最近在项目下遇到一个问题,后端采用的是雪花id,返回的是JSON格式的数据,id精度达到了19位(恶心),雪花id与uuid相比查询速度快,但可能会溢出....由于前端JS能够显示的数字最大只有53位,有时候会遇到后端返回的数据中数字过大,超过了JS精度,但可能后端出于某些原因无法更改,要前端处理时。
其实本身接口返回的Response是个json字符串,由于axios默认使用JSON.parse导致精度丢失,我们可以使用第三方库修改axios默认的格式化方法,这里我使用的json-bigint。
const JSONbig = require('json-bigint')
axios.defaults.transformResponse = [
function (data) {
const json = JSONbig({
storeAsString: true,
});
const res = json.parse(data);
return res;
}
]
设置格式化方法之后,返回值过大的数字就会被转为字符串。我使用的时候会有bug,必须设置storeAsString属性为true,否则就会报错。
除此之外,还有一个可能出现的隐藏bug,因为我的项目中对返回值做了统一的处理,因此发现了json-bigint处理后的对象是没有原型链的,返回的对象上没有__proto__属性。导致使用instanceof是无法判断的,使用typeof是可以的,但typeof无法分辨array和object,建议使用toString.call方法。
- 正常对象,有__proto__