您的位置:首页 > Web前端 > JavaScript

理解和解决JavaScript中的浮点运算bug

2019-03-05 19:04 127 查看

NUMBER类型

JavaScript 只有一种数值类型:number(数字),包括“整数”和带小数的十进制数。
严格意义上说,JavaScript没有整形数值,数值始终作为浮点储存,JavaScript 中的数字类型是基于 IEEE 754 标准来实现的双精度浮点数。
默认情况下大部分数字都以十进制显示,小数部分最后面的 0 被省略。这就是我们在JavaScript中看到的整数。
比如:

var a = 1.0;
console.log(a);//打印出1 而不是1.0!

浮点bug

二进制浮点数最大的问题(不仅 JavaScript,所有遵循 IEEE 754 规范的语言都是如此),
是会出现如下情况:

0.1 + 0.2 === 0.3; // false

从数学角度来说,上面的条件判断应该为 true,可结果为什么是 false 呢?
简单来说,二进制浮点数中的 0.1 和 0.2 并不是十分精确,它们相加的结果并非刚好等于
0.3,而是一个比较接近的数字 0.30000000000000004,所以条件判断结果为 false。
如何解决以上的问题?

解决方案

最常见的方法是设置一个误差范围值,通常称为“机器精度”(machine epsilon),对JavaScript 的数字来说,这个值通常是 2^-52 (2.220446049250313e-16)。从 ES6 开始,该值定义在 Number.EPSILON 中,我们可以直接拿来用,也可以为 ES6 之前的版本写 :

if (!Number.EPSILON) {
Number.EPSILON = Math.pow(2,-52);
}//兼容之前的ES6之前的版本
//可以使用 Number.EPSILON 来比较两个数字是否相等(在指定的误差范围内):
function numbersCloseEnoughToEqual(n1,n2) {
return Math.abs( n1 - n2 ) < Number.EPSILON;
}
var a = 0.1 + 0.2;
var b = 0.3;
numbersCloseEnoughToEqual( a, b ); // true
numbersCloseEnoughToEqual( 0.0000001, 0.0000002 ); // false

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: