前端实战篇—在Javascript中，Number类型超长问题详解

今天给大家分享的是在Javascript中，获取到数字超出长度问题。

实战背景

刚刚收尾的一个移动端商城项目中搭建用户体系的时候，DB设计的User用户表主键ID为bigint(20) 为了达到不重复的问题 Java生成了16-20位不重复的Long类型数字串（具体生成方式也是非常复杂的）。

但是在和web前端API对接的时候发现获取到的ID和生成的不一致，导致操作用户数据的时候一直有问题，最后定位到是ID后端数据类型和Javascript中的数据类型不一致。

问题原因

JavaScript中所有的数字，无论是整数还是小数，其类型均为Number。在程序内部，Number类型的实质是一个64位的浮点数，这与Java中double类型的浮点数是一致的；因此，JavaScript中所有的数都是浮点数。遵循IEEE 754标准（浮点数算术标准），JavaScript所能表示的数值范围为正负1.7976931348623157乘以10的308次方，其最小所能表示的小数为正负5乘以10的负324次方，这两个边界值可以分别通过访问Number对象的MAX_VALUE属性和MIN_VALUE属性来获取。

对于整数，根据ECMAScript标准的要求(http://ecma262-5.com/ELS5_HTML.htm#Section_8.5)，JavaScript能表示并进行精确算术运算的整数范围为：正负2的53次方，也即从最小值-9007199254740992到最大值+9007199254740992之间的范围；对于超过这个范围的整数，JavaScript依旧可以进行运算，但却不保证运算结果的精度。值得注意的是，对于整数的位运算（比如移位等操作），JavaScript仅支持32位整型数，也即从-2147483648到+2147483647之间的整数。

我们可以浏览器中测试一下，如下操作

如上图所示 是正常的，那么我们再 +1 试试

看到了吧？ 都变了！！！！

解决方案1

解决方案2

那么和前端交互的时候可以使用userIdStr字段 因为是String 类型的，规避掉这个问题。

以后在设计的时候记得不要再犯这样的问题哦！