这道经典面试题背后，藏着90%前端开发者不知道的计算机底层秘密
引言：一个让无数开发者崩溃的数学问题
当你信心满满地在面试中写下这段代码：
console.log(0.1 + 0.2 === 0.3); // 你期待true，实际却是false
却发现结果令人大跌眼镜时，不要怀疑自己的人生——这不是你的错，而是计算机底层表示数字的"锅"！
为什么这不是JavaScript的bug？
先抛结论：这不是JavaScript独有的问题，而是所有使用IEEE 754浮点数标准的编程语言的共同特性。C++、Java、Python...谁都逃不过这个"数字陷阱"！
# Python 同样中招
print(0.1 + 0.2) # 0.30000000000000004
// Java 也不例外
System.out.println(0.1 + 0.2); // 0.30000000000000004
深入底层：计算机的"数学障碍"
计算机眼中的数字世界
想象一下，计算机是一个只会用0和1思考的"二进制生物"。当我们把人类习惯的十进制数字交给它处理时，就像让一个只懂中文的人突然去读英文诗歌——总有些地方会出岔子。
那些无法精确表示的"问题数字"
最核心的问题在于：有些十进制小数在二进制中是无限循环的！
- 0.1（十进制） = 0.00011001100110011...（二进制）🔁
- 0.2（十进制） = 0.0011001100110011...（二进制）🔁
这就好比1/3在十进制中表示为0.33333...一样，永远无法精确表示。
精度丢失的"犯罪现场"
由于计算机内存有限，它只能存储这些无限循环小数的有限近似值：
// 0.1 的实际存储值
0.1 ≈ 0.1000000000000000055511151231257827021181583404541015625
// 0.2 的实际存储值
0.2 ≈ 0.200000000000000011102230246251565404236316680908203125
// 相加后的结果
0.1 + 0.2 ≈ 0.3000000000000000166533453693773481063544750213623046875
所以当你看到0.30000000000000004这个奇怪的结果时，实际上是计算机在说："我已经尽力了！"
实战解决方案：告别数字精度烦恼
🎯 方案一：整数运算法（最推荐）
把小数转换为整数运算，再转换回去：
// 普通加法（会出问题）
console.log(0.1 + 0.2); // 0.30000000000000004
// 整数运算法
console.log((0.1 * 10 + 0.2 * 10) / 10); // 0.3
金融计算必备技巧：
// 用分而不是元来计算
const price = 10.00; // 元
const tax = 2.50; // 元
// 转换为分
const priceInCents = 1000; // 10.00元 = 1000分
const taxInCents = 250; // 2.50元 = 250分
const totalInCents = priceInCents + taxInCents; // 1250分 = 12.50元
🎯 方案二：toFixed()格式化法
const sum = 0.1 + 0.2;
console.log(Number(sum.toFixed(1))); // 0.3
注意：toFixed()返回的是字符串，可能需要转换回数字。
🎯 方案三：EPSILON容差比较法
ES6提供了Number.EPSILON来解决这个问题：
function safeEqual(a, b) {
return Math.abs(a - b) < Number.EPSILON;
}
console.log(safeEqual(0.1 + 0.2, 0.3)); // true
🎯 方案四：第三方库法（企业级解决方案）
对于金融、科学计算等精度要求极高的场景：
// 使用 decimal.js
import Decimal from 'decimal.js';
const sum = new Decimal(0.1).plus(new Decimal(0.2));
console.log(sum.toString()); // '0.3'
其他优秀库推荐：
- big.js - 轻量级精确计算
- bignumber.js - 功能丰富的数学库
- math.js - 全面的数学计算库
面试满分回答指南
当面试官问到这个问题时，你可以这样展现你的深度：
- 先承认现象："是的，0.1 + 0.2 确实不等于 0.3"
- 解释原因："这是因为计算机使用二进制浮点数表示小数，而某些十进制小数在二进制中是无限循环的"
- 提及标准："这是IEEE 754标准的固有限制，所有语言都有这个问题"
- 展示解决方案："在实际项目中，我会使用整数运算或者专门的数学库来避免这个问题"
- 举例说明："比如在金融计算中，我们通常用分而不是元来计算"
哪些数字是"安全"的？
不是所有小数都会出问题！分母为2的幂次方的分数可以精确表示：
// 这些计算是安全的
console.log(0.5 + 0.25); // 0.75 ✓
console.log(0.125 + 0.25); // 0.375 ✓
console.log(0.5 - 0.25); // 0.25 ✓
总结与展望
理解了0.1 + 0.2 ≠ 0.3的原因，你就掌握了计算机数字表示的核心知识。这不仅是一道面试题，更是实际开发中必须注意的重要细节。
记住这三个关键点：
- 浮点数精度问题是计算机底层限制，不是语言bug
- 金融计算务必使用整数运算或专业库
- 比较浮点数时要用容差比较而非直接相等
下次遇到这个问题，相信你一定能从容应对，让面试官刮目相看！
