在Javascript中，获取到数字超出长度问题

今天给大家分享的是在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之间的整数。

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

image.png

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

image.png

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

解决方案1

数据库设计的时候用varchar(20），那么会映射为String类型，就不会出现这种问题

解决方案2

如果项目已经成型并且修改数据库会造成不可预料的问题那么可以在User对象中再增加一个String类型id映射字段，如下
    private Long userId;
    
    private String userIdStr;

    public String getUserIdStr() {
        return this.userId+"";
    }

    public void setUserIdStr(String userIdStr) {
        this.userIdStr = userIdStr;
    }

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

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

欢迎大家一起来讨论关于Java Web开发过程中好玩的问题哦，也可以投稿至yundianzixun@163.com谢谢大家支持！