JavaScript精度丢失问题，2024前端大厂面试知识分享

• 十进制小数 3.14转换二进制 3.14 = 11.001000111101011100001010001111010111000010100011111 = 1.1001000111101011100001010001111010111000010100011111 x 21

• 根据上面的公式

• 符号位：0

• 阶码部分：64位为例，1023+（1）= 1024，二进制就是10000000000

• 尾数部分：

64位为例，应为52位，1001000111101011100001010001111010111000010100011111

• 结果为 ：0100000000001001000111101011100001010001111010111000010100011111 刚好64位，大家可以数数。

再来说说为什么阶码那里要用1023+1呢？

---

• 因为E 在64位的时候为11位，转换10进制也就是2047，但是IEEE 754又规定要减去中间值，也就是1023，所以上面就是 1023+1

那如果遇到浮点数的计算问题该怎么办呢？

---

一、类库部分

Math.js

math.js是JavaScript和Node.js的一个广泛的数学库。支持数字、大数、分数、单位和矩阵数据类型的运算。

官网：https://mathjs.org/

GitHub：https://github.com/josdejong/mathjs

经典问题 0.1+0.2

var math = require(‘mathjs’);

console.log(math.add(0.1,0.2));   //0.30000000000000004

console.log(math.format((math.add(math.bignumber(0.1),math.bignumber(0.2))))); //'0.3

big.js

• 用于任意精度的十进制算术的小型JavaScript库

• Github :https://github.com/MikeMcl/big.js/

var Big = require(“big.js”);

x = new Big(0.1);

y = 0.2;

console.log(x.plus(y).toString())//‘0.3’

二、原生方法

Number.prototype.toFixed()

• toFixed()方法是使用定点表示法格式化一个值，对结果进行四舍五入

• toFixed(),精度必须在0-20之间

parseFloat((0.1+0.2).toFixed(10)); //0.3

parseFloat((0.3/0.1).toFixed(10)); //3

parseFloat((1-0.9).toFixed(10));   //0.1

值的范围

---

• 由于内存的限制，ECMAScript并不支持表示这个世界上所有的数值。ECMAScript可以表示的最小值保存在Number.MIN_VALUE中,这个值在浏览器是5e-423；可以表示的最大值保存在Number.MAX_VALUE中，这个值在浏览器中是1.7976931348623157e+308。

• 简单介绍了以后,来说说为什么要说值的范围。

• 因为还有两个值没有说，

Number.MAX_SAFE_INTEGER最大安全整数

Number.MIN_SAFE_INTEGER最小安全整数

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

紧跟潮流

大前端和全栈是以后前端的一个趋势，懂后端的前端，懂各端的前端更加具有竞争力，以后可以往这个方向靠拢。

这边整理了一个对标“阿里 50W”年薪企业高级前端工程师成长路线，由于图片太大仅展示一小部分

CodeChina开源项目：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

一个人可以走的很快，但一群人才能走的更远。如果你从事以下工作或对以下感兴趣，欢迎戳这里加入程序员的圈子，让我们一起学习成长！

AI人工智能、Android移动开发、AIGC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算

4c3ab8389e65ecb71ac0)

AI人工智能、Android移动开发、AIGC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算