今天在跟后端联调中,偶然发现几个数据的id居然一样,我就询问了下后端这是什么情况,然而后端告诉我说并没有相同的id,于是开始一起排查问题。
排查中发现,从后端拿来的数据在浏览器控制台NetWork - Response中是正常的,然而在Preview中几个数据的id变成了相同的,着实令人费解。
然后感觉应该是这个id过长的原因,超出js可以处理的最大整数。为了证明这个猜想,在浏览器中做了以下实验。
首先,js可以处理的最大整数为 ?9007199254740992 and 9007199254740992 (即正负2的53次方)。
就算说是可以处理长度为16的整数吧,然后继续加长度,看看浏览器会怎样处理。
下面我输入了17位的整数,和18位的整数,发现超出16位的数字都会被处理为0,这也是今天出现这个bug的原因。
因为是测试数据,这些id都是后端工程师自己制造的,生产环境中是不存在16位以上长度的id的,后端修改了这些id长度问题就解决了。
算是工作中遇见的疑难杂症吧,自己mark,与大家分享。
原文地址:https://www.cnblogs.com/wunan/p/8298138.html
时间: 2024-10-25 14:46:27