JS魔法堂:再识Number type
Brief
本来只打算理解JS中0.1 + 0.2 == 0.30000000000000004的原因,但发现自己对计算机的数字表示和运算十分陌生,于是只好恶补一下。以下是恶补后的成果:
基础野:细说原码、反码和补码(http://www.cnblogs.com/fsjohnhuang/p/5060242.html)
基础野:细说无符号整数(http://www.cnblogs.com/fsjohnhuang/p/5078290.html)
基础野:细说有符号整数(http://www.cnblogs.com/fsjohnhuang/p/5082829.html)
基础野:细说浮点数(http://www.cnblogs.com/fsjohnhuang/p/5109766.html)
理解JS Number type背后的IEEE 754 64位双精度数值编码后,0.1 + 0.2 == 0.30000000000000004就不言而喻了,但单纯的理解了现象的本质是不够,我们需要的是如何解决这类问题,不然下次遇到同类问题我们只能同样的无力而已:(
但在寻求或自己手写工具库前,我觉得还是先了解JS为我们提供的原生API比较明智。
APIs
Numeric literal
ES5 APIs
OctalLiteral,八进制数值字面量,数值域以0开始且不含小数点。如:012转换为十进制数值为10 。
注意:在strict mode中OctalLiteral是非法的。
DecimalLiteral,十进制数值字面量,数值域以1-9或.或0.开始。
还有含指数和不含指数两种字面量形式
含指数形式:1.1e2表示110
e或E表示指数提示符,后面紧跟则指数值Exp;
Exp必须为正/负整数或零;
基数固定为10 。
HexLiteral,十六进制数值字面量,数值域以0x或0X开始。如:0x0F转换为十进制数值为15 。
ES6 APIs
BinaryLiteral, 二进制数值字面量,数值域以0b或0B开始。如:0b0100转换为十进制数值为4 。
OctalLiteral,八进制数值字面量,数值域以0o或0O开始。如:0o12转换为十进制数值为10 。
Number Function
当以Number([value])的方式调用时,返回值为Number value。
Number Constructor
当以new Number([value])的方式调用时,返回值为Number object。
Function Properties
ES5 APIs
Number.MIN_VALUE,可表示的最接近0的值。(2^53-1)*2^-1074 即约等于1.7976931348623157 × 10^308。
Number.MAX_VALUE,可表示的最大值。 (2^53-1)*2^971即约等于5 × 10^−324。
Number.NaN,返回Number type的Not-a-Number值。
Number.NEGATIVE_INFINITY,返回-Infinity。
Number.POSITIVE_INFINITY,返回Infinity。
window.isFinite([value]),判断value值是否为有限数。会先将value转换为Number value后再判断。
window.isNaN([value]),判断value值是否为Not-a-Number。会先将value转换为Number value后再判断。
window.parseInt([value], [radix=10]),以radix作为进制将value转换为十进制整数。
window.parseFloat([value]),将value转换为实数。
ES6 APIs
Number.MIN_SAFE_INTEGER,可精确表示的整数范围下限。-Math.pow(2, 53)+1,即是-9007199254740991。
Number.MAX_SAFE_INTEGER,可精确表示的整数范围上限。Math.pow(2, 53)-1,即是9007199254740991。
Number.EPSILON,极小值(2.220446049250313e-16),作为允许的误差范围使用。
(当某运算结果的误差小于Number.EPSILON则认为该结果是可被接受的)
判断是否可接受的函数:
function withinErrorMargin (left, right) {
return Math.abs(left - right) < Number.EPSILON
}
Number.isFinite([value]),判断value值是否为有限数。若value不为Number type则直接返回false。
Number.isNaN([value]),判断value值是否为Not-a-Number。若value不为Number type则直接返回false。
Number.parseInt([value], [radix=10]),以radix作为进制将value转换为十进制整数。
Number.parseFloat([value]),将value转换为实数。
Number.isInteger([value]),value为number类型,且小数部分全为0则返回true。(Number.isInteger(2.0)返回true)
Number.isSaveInteger([value]),value为number类型,且Number.MIN_SAFE_INTEGER <= value <= Number.MAX_SAFE_INTEGER则返回true。
Number.prototype Properties
ES5 APIs
Number.prototype.toString([radix=10]):DOMString,返回以radix作为进制输出数值字符串,radix为2~36。
注意:对于负数而言,当radix为2时返回的是不补码编码的位模式,而是形如 -10100.0101011 的 "负号" + "原码位模式" 的形式。
Number.prototype.valueOf():Number value,返回Number object的[[PrimitiveValue]]值。
Number.prototype.toFixed([fractionDigits=0]):DOMString,返回指定小数位的十进制定点数字符串。
注意:1.fractionDigits必须大于等于0和小于等于20,否则会抛RangeError;
2.若数值大于e21则直接返回Number.prototype.toString()的值;
3.若数值小于e21,则通过公式计算,所以和toString()的返回值不一定相同(两者均不精准)
().toString() === ""
().toFixed() === ""
().toString() === ""
().toFixed() === ""
Number.prototype.toPrecision([precision]):DOMString,返回指定精度的是十进制字数字符串。
注意:精度过高或过低都会引发数值的不精准。
(100.1).toPrecision() === "1e+2"
(100.1).toPrecision() === "100.09999999999999"
Number.prototype.toExponential(fractionDigits):DOMString,返回指定精度的是十进制字数科学计数法字符串
注意:精度过高或过低都会引发数值的不精准。
(100.1).toExponential() === "1.001e+2"
(100.1).toPrecision() === "1.0009999999999999e+2"
Consolusion
尊重原创,转载请注明来自:http://www.cnblogs.com/fsjohnhuang/p/5130876.html 肥子John^_^
Thanks
http://es6.ruanyifeng.com/#docs/number
http://es5.github.io/#x15.7.4.5
JS魔法堂:再识Number type的更多相关文章
- JS魔法堂:不完全国际化&本地化手册 之 实战篇
前言 最近加入到新项目组负责前端技术预研和选型,其中涉及到一个熟悉又陌生的需求--国际化&本地化.熟悉的是之前的项目也玩过,陌生的是之前的实现仅仅停留在"有"的阶段而已. ...
- JS魔法堂:jsDeferred源码剖析
一.前言 最近在研究Promises/A+规范及实现,而Promise/A+规范的制定则很大程度地参考了由日本geek cho45发起的jsDeferred项目(<JavaScript框架设计& ...
- JS魔法堂:属性、特性,傻傻分不清楚
一.前言 或许你和我一样都曾经被下面的代码所困扰 var el = document.getElementById('dummy'); el.hello = "test"; con ...
- JS魔法堂:追忆那些原始的选择器
一.前言 ...
- JS魔法堂:那些困扰你的DOM集合类型
一.前言 大家先看看下面的js,猜猜结果会怎样吧! 可选答案: ①. 获取id属性值为id的节点元素 ②. 抛namedItem is undefined的异常 var nodes = documen ...
- JS魔法堂:判断节点位置关系
一.前言 在polyfill querySelectorAll 和写弹出窗时都需要判断两个节点间的位置关系,通过jQuery我们可以轻松搞定,但原生JS呢?下面我将整理各种判断方法,以供日后查阅. 二 ...
- JS魔法堂:LINK元素深入详解
一.前言 我们一般使用方式为 <link type="text/css" rel="stylesheet" href="text.css&quo ...
- JS魔法堂:doctype我们应该了解的基础知识
一.前言 什么是doctype?其实我们一直使用,却很少停下来看清楚它到底是什么,对网页有什么作用.本篇将和大家一起探讨那个默默无闻的doctype吧! 二.什么是doctype doctype或DT ...
- JS魔法堂:浏览器模式和文档模式怎么玩?
一.前言 从IE8开始引入了文档兼容模式的概念,作为开发人员的我们可以在开发人员工具中通过“浏览器模式”和“文档模式”(IE11开始改为“浏览器模式”改成更贴切的“用户代理字符串”)品味一番,它的出现 ...
随机推荐
- 解决Django站点admin管理页面样式表(CSS style)丢失
参照这篇教程激活完django自带服务器的admin管理页面后,照着教程所描述的那样,尝试打开http://127.0.0.1:8000/admin/,发现自己的浏览器显示如下 很明显可以看出,虽然业 ...
- ubuntu笔记
安装包 sudo dpkg -i xxxx.deb 如果用户具有sudo权限,那么直接可以运行如下命令: #sudo su root #passwd #更改密码 或者直接运行sudo passwd r ...
- SQL SERVER 2012 只能识别20个CPU的问题
背景 最近在给客户优化时时候发现客户的虚拟机环境分配了32C 但是只能识别20个,物理机64C,64G内存,本来没什么,CPU利用率在40%左右,但是优化后同时增加了 CPU和内存的分配,CPU32增 ...
- 设计模式之美:Strategy(策略)
索引 意图 结构 参与者 适用性 效果 相关模式 实现 实现方式(一):使用不同的 Strategy 处理内部状态. 别名 Policy 意图 定义一系列的算法,把它们一个个封装起来,并且使它们可以相 ...
- 基于百度翻译API开发属于自己的翻译工具
你是否每天使用着网页翻译工具?你是否遇到过这种情况,上网过程中遇到一个很长的单词但是又不能复制,要开两个浏览器,一个打开百度翻译,照着另一个网页输入单词?你安装了各种翻译软件后,又删除,只因忍受不了那 ...
- 基础调试命令 - .dump/.dumpcap/.writemem/!runaway
Windbg是windows平台上强大的调试器,它相对于其他常见的IDE集成的调试器有几个重要的优势, Windbg可以做内核态调试 Windbg可以脱离源代码进行调试 Windbg可以用来分析dum ...
- java实现输入一行字符,分别统计出其中英文字母、空格、数字和其它字符的个数。
package JingDian; import java.util.Scanner; public class charKind { public static void main(String[] ...
- C#Light v0.007 又一次重大更新
上次给大家介绍过C#Lite是一个小巧的脚本语言,现在C#更加强大了. 下文白色是脚本代码,黑色是VS中的c#代码 目前这段代码已经可以正确执行 这个Vector3的原型如下 添加这个Vector3的 ...
- Bootstrap~Panel和Table
回到目录 在我们对一个页面进行设计时,分块是必须的,没有一个网站是一栏而下的,除非你是在看小说,否则你的页面设计一定是分块的,即它由于多个panel组件,在bootstrap里叫到栅格系统,而在每行每 ...
- Atitit 多继承实现解决方案 java c#
Atitit 多继承实现解决方案 java c# Java c#都没有提供多继承的解决方案..默认从语言级别以及没办法多继承了. 只可以崽类库的级别实现拉.. 继承的原理就是,使用一个内部super指 ...