js的number类型最大值引发的问题

最新推荐文章于 2024-08-22 11:18:28 发布

pitt1997

最新推荐文章于 2024-08-22 11:18:28 发布

阅读量1.9k

点赞数

分类专栏：学习笔记面试笔试文章标签： javascript node.js jquery

本文链接：https://blog.csdn.net/Brad_PiTt7/article/details/106116684

版权

学习笔记同时被 2 个专栏收录

15 篇文章 0 订阅

订阅专栏

面试笔试

10 篇文章 0 订阅

订阅专栏

前段时间，项目上突然暴露出一个问题，一个列表页面可以把数据库里面的信息正常查询并且展示，但是再对每一栏数据进行详情查看的时候，详情就展示不出，后台报错。

具体描述：
数据库资产表t_res中id字段存在值很长的数据，超过16位，超过js的number类型最大值（2的53次方，9007199254740992），如果超过这个值，那么js的number数值会出现不精确的问题。如数据库资源表id字段的值为900719925474099255（大于2的53次方），在触发资产展示事件时，会将查询的资源数据信息存放在前端（包括id），对于前端列表每一栏的id值，后面再对这一栏数据进行编辑或者其他处理时候会将此id值作为标识该操作的数据传至后端，在页面传至后端的值会变900719925474099200，就与数据库id不一致，再去查就会出现查不到相应数据。

JavaScript验证：

<!DOCTYPE html>
<html>
<body>
<h2>验证JavaScript的number类型最大值</h2>
<button type="button" onclick="begin()">开始</button>
</body>

<script>

function begin(){
// js number类型的最大值9007199254740992
var numMax = 9007199254740992;
show(numMax);

// 超过最大值会按照number类型最大值显示
var numMax02 = 9007199254740993;
show(numMax02);

// 超过最大值位数会按照多的位数补0
var numMax03 = 9007199254740993333;
show(numMax03);

var str = '9007199254740993';
show(str);
}

function show(val){
console.info(val);
}
</script>
</html>