首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

前端实战篇—在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 类型的,规避掉这个问题。

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

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180122G0NUQW00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券