跟我学习javascript的浮点数精度


Posted in Javascript onNovember 16, 2015

大多数编程语言都有几种数值型数据类型,但是JavaScript却只有一种。你可以使用typeof 运算符查看数字的类型。不管是整数还是浮点数,JavaScript都将它们简单地归类为数字。

typeof 17; //number
typeof 98.6; //number
typeof -21.3; //number

事实上,JavaScript中所有的数字都是双精度浮点数。这是由IEEE754标准制定的64位编码数字——即“doubles”。如果这一事实使你疑惑JavaScript是如何表示整数的,请记住,双精度浮点数能完美地表示高达53位精度的整数。从?9 007 199 254 740 992(?253)到9 007 199 254 740 992(253)的所有整数都是有效的双精度浮点数。因此,尽管JavaScript中缺少明显的整数类型,但是完全可以进行整数运算。
大多数的算术运算符可以使用整数、实数或两者的组合进行计算。

0.1 * 0.9; //0.19
-99 + 100; //1
21- 12.3; //8.7
2.5 /5; //0.5
21%8; //5

然而位算术运算符比较特殊。JavaScript不会直接将操作数作为浮点数进行运算,而是会将其隐式地转换为32位整数后进行运算。(确切地说,它们被转换为32位大端(big-endian)的2的补码表示的整数。)以按位或运算表达式为例:

8|1; //9

看似简单的表达式实际上需要几个步骤来完成运算。如前所述,JavaScript中的数字8和1都是双精度浮点数。但是它们也可以表示成32位整数,即32位0、1的序列。整数8表示为32位二进制序列如下所示:

00000000000000000000000000001000

你自己也可以使用数字类型的toString方法来查看:

(8).toString(2)  //"1000"

toString方法的参数指定了其转换基数,此例子以基数2(即二进制)表示。结果值省略了左端多余的0(位),因为它们并不影响最终值。
整数1表示为32位二进制如下所示:

00000000000000000000000000000001

按位或运算表达式合并两个比特序列。只要参与运算的两位比特中任意一位为1,运算结果的该位就为1。以位模式表示的结果如下:

00000000000000000000000000001001

这个序列表示整数9。你可以使用标准的库函数parseInt验证,同样以2作为基数:

parseInt("1000", 2); //9

(同样,前导0位是不必要的,因为它们并不影响运算结果。)
所有位运算符的工作方式都是相同的。它们将操作数转换为整数,然后使用整数位模式进行运算,最后将结果转换为标准的JavaScript浮点数。一般情况下,JavaScript引擎需要做些额外的工作来进行这些转换。因为数字是以浮点数存储的,必须将其转换为整数,然后再转换回浮点数。然而,在某些情况下,算术表达式甚至变量只能使用整数参与运算,优化编译器有时候可以推断出这些情形而在内部将数字以整数的方式存储以避免多余的转换。

关于浮点数的最后警示是,你应该对它们保持时刻警惕。浮点数看似熟悉,但是它们是出了名的不精确。甚至一些看起来最简单的算术运算都会产生不正确的结果。

0.1+0.2; 0.300000000000004

尽管64位的精度已经相当高了,但是双精度浮点数也只能表示一组有限的数字,而不能表示所有的实数集。浮点运算只能产生近似的结果,四舍五入到最接近的可表示的实数。当你执行一系列的运算,随着舍入误差的积累,运算结果会越来越不精确。舍入也会使我们通常所期望的算术运算定律产生一些出人意料的偏差。例如,实数满足结合律,这意味着,对于任意的实数x,y,z,总是满足(x + y) + z = x + (y + z)。

然而,对于浮点数来说,却并不总是这样。

(0.1+0.2)+0.3; //0.60000000000000001
0.1+(0.2+ 0.3); //0.6

浮点数权衡了精度和性能。当我们关心精度时,要小心浮点数的局限性。一个有效的解决方法是尽可能地采用整数值运算,因为整数在表示时不需要舍入。当进行货币相关的计算时,程序员通常会按比例将数值转换为最小的货币单位来表示再进行计算,这样就可以以整数进行计算。例如,如果上面的计算是以美元为单位,那么,我们可以将其转换为整数表示的美分进行计算。

(10+20)+30; //60
10+ (20+30); //60

对于整数运算,你不必担心舍入误差,但是你还是要当心所有的计算只适用于?253~253的整数。

提示

  • JavaScript的数字都是双精度的浮点数。
  • JavaScript中的整数仅仅是双精度浮点数的一个子集,而不是一个单独的数据类型
  • 位运算符将数字视为32位的有符号整数。

以上就是介绍的javascript的浮点数,我们要时刻注意浮点运算中的精度陷阱,希望这篇文章对大家的学习有所帮助。

Javascript 相关文章推荐
Jquery实现图片左右自动滚动示例
Sep 25 Javascript
Get中文乱码IE浏览器Get中文乱码解决方案
Dec 26 Javascript
原生JavaScript+LESS实现瀑布流
Dec 12 Javascript
jQuery实现折叠、展开的菜单组效果代码
Sep 16 Javascript
ES6中非常实用的新特性介绍
Mar 10 Javascript
Node.js操作mysql数据库增删改查
Mar 30 Javascript
深究AngularJS中$sce的使用
Jun 12 Javascript
react.js 父子组件数据绑定实时通讯的示例代码
Sep 25 Javascript
总结JavaScript在IE9之前版本中内存泄露问题
Apr 28 Javascript
layui 优化button按钮和弹出框的方法
Aug 15 Javascript
js使用swiper实现层叠轮播效果实例代码
Dec 12 Javascript
微信小程序mpvue点击按钮获取button值的方法
May 29 Javascript
跟我学习javascript的严格模式
Nov 16 #Javascript
javascript中tostring()和valueof()的用法及两者的区别
Nov 16 #Javascript
关于javascript中dataset的问题小结
Nov 16 #Javascript
javascript入门教程基础篇
Nov 16 #Javascript
JavaScript中函数表达式和函数声明及函数声明与函数表达式的不同
Nov 15 #Javascript
浅谈JavaScript中的对象及Promise对象的实现
Nov 15 #Javascript
javascript 中的 delete及delete运算符
Nov 15 #Javascript
You might like
PHP递归返回值时出现的问题解决办法
2013/02/19 PHP
php单例模式示例分享
2015/02/12 PHP
在Windows XP下安装Apache+MySQL+PHP环境
2015/02/22 PHP
php通过strpos查找字符串出现位置的方法
2015/03/17 PHP
关于Laravel参数验证的一些疑与惑
2019/11/19 PHP
Javascript load Page,load css,load js实现代码
2010/03/31 Javascript
基于jsTree的无限级树JSON数据的转换代码
2010/07/27 Javascript
javascript采用数组实现tab菜单切换效果
2012/12/12 Javascript
javaScript实现滚动新闻的方法
2015/07/30 Javascript
浅谈JavaScript for循环 闭包
2016/06/22 Javascript
JS函数修改html的元素内容,及修改属性内容的方法
2016/10/28 Javascript
JavaScript实现淘宝京东6位数字支付密码效果
2018/08/18 Javascript
JavaScript栈和队列相关操作与实现方法详解
2018/12/07 Javascript
解决vue elementUI中table里数字、字母、中文混合排序问题
2020/01/07 Javascript
Python 模板引擎的注入问题分析
2017/01/01 Python
python+selenium识别验证码并登录的示例代码
2017/12/21 Python
python 限制函数执行时间,自己实现timeout的实例
2019/01/12 Python
对Pytorch中nn.ModuleList 和 nn.Sequential详解
2019/08/18 Python
Django中的FBV和CBV用法详解
2019/09/15 Python
Python中的四种交换数值的方法解析
2019/11/18 Python
用python画一只可爱的皮卡丘实例
2019/11/21 Python
python线程定时器Timer实现原理解析
2019/11/30 Python
Django 解决distinct无法去除重复数据的问题
2020/05/20 Python
python如何删除列为空的行
2020/07/17 Python
使用CSS3来匹配横屏竖屏的简单方法
2015/08/04 HTML / CSS
Canvas 帧动画吃苹果小游戏
2020/08/05 HTML / CSS
简单介绍Object类的功能、常用方法
2013/10/02 面试题
类成员函数的重载、覆盖和隐藏区别
2016/01/27 面试题
介绍一下Ruby的特点
2013/01/20 面试题
《望洞庭》教学反思
2014/02/16 职场文书
《春笋》教学反思
2014/04/15 职场文书
工会经费申请报告
2015/05/15 职场文书
幼儿教师远程研修感悟
2015/11/18 职场文书
小学生禁毒教育心得体会
2016/01/15 职场文书
初中教务主任竞聘演讲稿(范文)
2019/08/20 职场文书
TaiShan 200服务器安装Ubuntu 18.04的图文教程
2022/06/28 Servers