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的更多相关文章

  1. JS魔法堂:不完全国际化&本地化手册 之 实战篇

    前言  最近加入到新项目组负责前端技术预研和选型,其中涉及到一个熟悉又陌生的需求--国际化&本地化.熟悉的是之前的项目也玩过,陌生的是之前的实现仅仅停留在"有"的阶段而已. ...

  2. JS魔法堂:jsDeferred源码剖析

    一.前言 最近在研究Promises/A+规范及实现,而Promise/A+规范的制定则很大程度地参考了由日本geek cho45发起的jsDeferred项目(<JavaScript框架设计& ...

  3. JS魔法堂:属性、特性,傻傻分不清楚

    一.前言 或许你和我一样都曾经被下面的代码所困扰 var el = document.getElementById('dummy'); el.hello = "test"; con ...

  4. JS魔法堂:追忆那些原始的选择器

    一.前言                                                                                                 ...

  5. JS魔法堂:那些困扰你的DOM集合类型

    一.前言 大家先看看下面的js,猜猜结果会怎样吧! 可选答案: ①. 获取id属性值为id的节点元素 ②. 抛namedItem is undefined的异常 var nodes = documen ...

  6. JS魔法堂:判断节点位置关系

    一.前言 在polyfill querySelectorAll 和写弹出窗时都需要判断两个节点间的位置关系,通过jQuery我们可以轻松搞定,但原生JS呢?下面我将整理各种判断方法,以供日后查阅. 二 ...

  7. JS魔法堂:LINK元素深入详解

    一.前言 我们一般使用方式为 <link type="text/css" rel="stylesheet" href="text.css&quo ...

  8. JS魔法堂:doctype我们应该了解的基础知识

    一.前言 什么是doctype?其实我们一直使用,却很少停下来看清楚它到底是什么,对网页有什么作用.本篇将和大家一起探讨那个默默无闻的doctype吧! 二.什么是doctype doctype或DT ...

  9. JS魔法堂:浏览器模式和文档模式怎么玩?

    一.前言 从IE8开始引入了文档兼容模式的概念,作为开发人员的我们可以在开发人员工具中通过“浏览器模式”和“文档模式”(IE11开始改为“浏览器模式”改成更贴切的“用户代理字符串”)品味一番,它的出现 ...

随机推荐

  1. Golang通过Thrift框架完美实现跨语言调用

    每种语言都有自己最擅长的领域,Golang 最适合的领域就是服务器端程序. 做为服务器端程序,需要考虑性能同时也要考虑与各种语言之间方便的通讯.采用http协议简单,但性能不高.采用TCP通讯,则需要 ...

  2. SqlServer2012 数据库的同步问题汇总

    1.当订阅由发布服务器集中管理时正常,而把这些订阅分由订阅服务器管理,在发布服务器初始化订阅时,这些订阅就会出现无法访问某地址的问题,即使添加Everyone的完全控制权限也无用. 2.SqlServ ...

  3. 软件工程课设day3

    下载昨日新版本程序,完成修复项目的测试. 与组内成员讨论,确认项目新模块功能“吐槽墙”的设计方向与实现形式——因为项目为便捷工具类,社区形式的实现方式与项目本质背道而驰.因此决定以“点击目标课程条目, ...

  4. ReentrantLock实现原理深入探究

    前言 这篇文章被归到Java基础分类中,其实真的一点都不基础.网上写ReentrantLock的使用.ReentrantLock和synchronized的区别的文章很多,研究ReentrantLoc ...

  5. 浅谈Excel开发:二 Excel 菜单系统

    在开始Excel开发之前,需要把架子搭起来.最直接的那就是Excel里面的菜单了,他向用户直观的展现了我们的插件具有哪些功能.菜单出来之后我们就可以实现里面的事件和功能了.Excel菜单有两种形式,一 ...

  6. 【转】优化Web程序的最佳实践

    自动排版有点乱,看着蛋疼,建议下载中文PDF版阅读或阅读英文原文. Yahoo!的Exceptional Performance团队为改善Web性能带来最佳实践.他们为此进行了 一系列的实验.开发了各 ...

  7. 据说每个大牛、小牛都应该有自己的库——DOM处理续

    在上篇据说每个大牛.小牛都应该有自己的库——DOM处理最后剩下attr()和css()方法没有处理,因为这两个方法当时并不自计划中,是写着写着突然想到的,一时间没有特别好的思路,当时已十一点多了,就去 ...

  8. C# 对包含文件或目录路径信息的 System.String 实例执行操作

    在字符串操作中有一类比较特殊的操作,就是对包含文件或目录路径信息的 System.String 实例执行操作.比如根据一个表示路径的字符串获取其代表的文件名称.文件夹路径.文件扩展名等.在很多时候,我 ...

  9. IOS 推送-配置与代码编写

    IOS 推送配置与代码编写 这里介绍IOS的推送,本文章已经在IOS6/7/8上都能运行OK,按照道理IOS9应该没问题. 大纲: 1.文章前提 2.推送介绍 3.推送文件账号设置 4.推送证书介绍 ...

  10. C-Lodop 非典型应用

    Lodop是什么? 有人说她是报表打印工具,因为那个add_print_table语句把报表统计的那点事弄了个明明白白: 有人说她是条码打印工具,因为用了她再也不用后台生成条码图片了,前端一行指令就动 ...