跟我学习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 相关文章推荐
Javascript string 扩展库代码
Apr 09 Javascript
JavaScript.The.Good.Parts阅读笔记(二)作用域&闭包&减缓全局空间污染
Nov 16 Javascript
基于JQuery实现鼠标点击文本框显示隐藏提示文本
Feb 23 Javascript
JQuery中DOM加载与事件执行实例分析
Jun 13 Javascript
jquery实现网页定位导航
Aug 23 Javascript
js判断出两个字符串最大子串的函数实现方法
Nov 01 Javascript
JS实现中国公民身份证号码有效性验证
Feb 20 Javascript
Angular限制input框输入金额(是小数的话只保留两位小数点)
Jul 13 Javascript
vue-cli axios请求方式及跨域处理问题
Mar 28 Javascript
node.js连接mysql与基本用法示例
Jan 05 Javascript
JavaScript中Dom操作实例详解
Jul 08 Javascript
TypeScript类型声明书写详解
Aug 28 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
中国第一家无线电行
2021/03/01 无线电
如何在smarty中增加类似foreach的功能自动加载数据
2013/06/26 PHP
PHP的魔术常量__METHOD__简介
2014/07/08 PHP
Windows下Apache + PHP SESSION丢失的解决过程全纪录
2015/04/07 PHP
PHP实现二叉树深度优先遍历(前序、中序、后序)和广度优先遍历(层次)实例详解
2018/04/20 PHP
laravel5实现微信第三方登录功能
2018/12/06 PHP
Laravel框架文件上传功能实现方法示例
2019/04/16 PHP
JavaScript 高级篇之函数 (四)
2012/04/07 Javascript
浏览器解析js生成的html出现样式问题的解决方法
2012/04/16 Javascript
Javascript核心读书有感之表达式和运算符
2015/02/11 Javascript
JS基于clipBoard.js插件实现剪切、复制、粘贴
2016/05/03 Javascript
Bootstrap+jfinal退出系统弹出确认框的实现方法
2016/05/30 Javascript
微信js-sdk预览图片接口及从拍照或手机相册中选图接口用法示例
2016/10/13 Javascript
解析JavaScript模仿块级作用域
2016/12/29 Javascript
js实现定时进度条完成后切换图片
2017/01/04 Javascript
Vue使用mixins实现压缩图片代码
2018/03/14 Javascript
vue项目创建并引入饿了么elementUI组件的步骤
2019/04/11 Javascript
JS学习笔记之数组去重实现方法小结
2019/05/29 Javascript
[01:17]Ti4 循环赛第一日回顾
2014/07/11 DOTA
python控制台中实现进度条功能
2015/11/10 Python
python编程开发之类型转换convert实例分析
2015/11/13 Python
Python中is和==的区别详解
2018/11/15 Python
django ManyToManyField多对多关系的实例详解
2019/08/09 Python
Python 实用技巧之利用Shell通配符做字符串匹配
2019/08/23 Python
Django框架model模型对象验证实现方法分析
2019/10/02 Python
Python操作MongoDb数据库流程详解
2020/03/05 Python
Pytorch 中的optimizer使用说明
2021/03/03 Python
美国眼镜网:GlassesUSA
2017/09/07 全球购物
Groupon比利时官方网站:特卖和网上购物高达-70%
2019/08/09 全球购物
美术师范毕业生自荐信
2013/11/16 职场文书
岗位说明书怎么写
2014/07/30 职场文书
2014年电厂工作总结
2014/12/04 职场文书
2014年宣传思想工作总结
2014/12/10 职场文书
无违反计划生育证明格式
2015/06/24 职场文书
2016先进集体事迹材料范文
2016/02/25 职场文书
教学工作总结范文5篇
2019/08/19 职场文书