大数字的精度丢失导致拼接字符串失效
今天遇到一个小bug，还花费了一些时间去验证解决，写的是一个比较复杂的功能，功能都是一次过，但是计算出来的值却老是对不上。
原因是大数字的精度丢失问题
var a = 7424839928078486283
var b = `我是字符串拼接数字${a}`
console.log(b)
// 我是字符串拼接数字7424839928078487000
就是一个很简单的拼接字符串的代码，写的时候比较偷懒，没有考虑到大数字的精度丢失问题，以为会直接转换成字符串，下次注意。
变量 a 被赋值为一个非常大的整数。然而，当这个整数被放入模板字符串 ${a} 中时，由于超出了 JavaScript 能精确表示的范围，它会被转换为一个近似值。这就是为什么在输出中看到数字变成了 7424839928078487000。
这种精度丢失是浮点数表示方式的固有特性，不仅限于 JavaScript，也存在于其他使用类似浮点数表示方式的编程语言中。
要解决这个问题，如果你需要精确表示和处理非常大的整数，你可以考虑使用其他数据类型或库，比如：
使用字符串来表示数字，虽然这样会失去一些数学运算的便利性。
使用像 BigInt 这样的新数据类型（在 ES2020 中引入），它允许你表示任意精度的整数。但是请注意，BigInt 和普通的 Number 类型是不兼容的，你需要显式地进行类型转换。
例如，使用 BigInt：
var a = 7424839928078486283n; // 注意末尾的 'n' 表示这是一个 BigInt
var b = `我是字符串拼接数字${a.toString()}`; // 需要将 BigInt 转换为字符串
console.log(b); // 输出：我是字符串拼接数字7424839928078486283
原文地址：https://blog.csdn.net/wswq2505655377/article/details/142885615
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！