1. 整数

例如十进制的 30

30/2  .......... 0

15/2 ............ 1

7/2 ............ 1

3/2 .............. 1

1/2 .............. 1

所以得到结果是 从下往上,倒着排 11110 就是二进制的 30

2. 小数

例如十进制的 0.125

0.125*2=0.25 ............. 0

0.25*2=0.5 ............. 0

0.5*2=1 ............. 1

所以得到结果是 从上往下,顺着排 0.001 就是二进制的 0.125

3.为什么 0.1 + 0.2 !== 0.3 ?

因为 JS 采用了 IEEE 754 双精度版本(64位), 只要采用了 IEEE 754 的语言都会有这个问题。

从上面我们看到,二进制的小数是怎么算的,而这种结果很可能会导致无限循环。

例如十进制的 0.1

0.1*2=0.2 .......... 0

0.2*2=0.4 .......... 0

0.4*2=0.8 .......... 0

0.8*2=1.6 .......... 1

0.6*2=1.2 .......... 1

0.2*2=0.4 .......... 0

。。。

所以得到结果是 从上往下,顺着排 0.00011(0011不断循环) 就是二进制的 0.1

因为我们不可能把 0.1 的无限循环都记录下来,所以 0.1 在 JS 引擎里面被截取了前面的部分

因此 0.1 在 JS 引擎里面不再精确地表示 0.1 了。

同样 0.2 也有或者这个问题,所以 2 个非精确的小数相加,也就得到一个非精确的小数了。

ps: 认真数了一下,JS 到小数点后第18位,就完全忽略了。

JS Number 类型的二进制组成

根据国际标准 IEEE 754,JavaScript 浮点数的64个二进制位,从最左边开始,是这样组成的。

  • 第1位:符号位,0表示正数,1表示负数
  • 第2位到第12位(共11位):指数部分 (表示 2^−1022~2^1023)
  • 第13位到第64位(共52位):小数部分(有效数字,可以到53位精度)

疑问1:为什么明明52位,为什么可以表示53位精度?

IEEE754规定小数部分第一位隐含为1,不写,因为所有二进制第一个有效数字都是1。

所以加上省略的1位,精度位数是 53 bit。所以在 0 ~ 2^53 内的整数都是有效数字,算上第1位符号位,就可以得到 -2^53 ~ 2^53 都是有效数字

疑问2:为什么 11 位指数位,负数方向只能表示到 2^-1022 ,不能表示到 2^-1024 呢?

无论如何浮点数都满足最左边是 1。这就有一个严重问题:0没有办法被表示,因此指数为 -1023 时表示 0。

还有一种情况就是 Infinity,这种情况当指数是 -1024 时,表示无穷大

js 的 二进制的更多相关文章

  1. 第六章 MVC之 FileResult和JS请求二进制流文件

    一.FileResult 1.简介 表示一个用于将二进制文件内容发送到响应的基类.它有三个子类: FileContentResultFilePathResultFileStreamResult 推荐阅 ...

  2. [JavaScript]为JS处理二进制数据提供可能性的WEB API

    写这篇博客的起源是在div.io上的一篇文章<你所不知道的JavaScript数组>by 小胡子哥下的评论中的讨论. 因为随着XHR2和现代浏览器的普及,在浏览器当中处理二进制不再向过去那 ...

  3. 聊聊JS的二进制家族:Blob、ArrayBuffer和Buffer

    事实上,前端很少涉及对二进制数据的处理,但即便如此,我们偶尔总能在角落里看见它们的身影. 今天我们就来聊一聊前端的二进制家族:Blob.ArrayBuffer和Buffer 概述 Blob: 前端的一 ...

  4. JS中二进制与十进制的相互转换

    今天在做题目的时候遇到了需要十进制转换为二进制,这个我知道用toString可以,但是二进制转换为十进制我一下子就想不起来,网上搜了下,才知道是parseInt可以实现,特此记录下. 十进制转换为二进 ...

  5. js中从blob提取二进制

    文章结构: 一.所遇到的问题 二.解决方法 一. 服务器端通过websocket向浏览器端传输图片(二进制),需要根据不同的图片把图片显示在不同的位置,可行的一个方法是先把图片转化成二进制数组,再把二 ...

  6. io.js入门(二)—— 所支持的ES6(上)

    io.js的官网上有专门介绍其所支持的ES6特性的页面(点我查看),上面介绍到,相比nodeJS,io.js已从根本上支持了新版V8引擎上所支持的ES6特性,无需再添加任何运行时标志(如 --harm ...

  7. Node.js快速入门

    Node.js是什么? Node.js是建立在谷歌Chrome的JavaScript引擎(V8引擎)的Web应用程序框架. 它的最新版本是:v0.12.7(在编写本教程时的版本).Node.js在官方 ...

  8. 读书笔记-你不知道的JS上-对象

    好想要对象··· 函数的调用位置不同会造成this绑定对象不同.但是对象到底是什么,为什么要绑定他们呢?(可以可以,我也不太懂) 语法 对象声明有两个形式: 1.字面量 => var obj = ...

  9. Node.js Buffer

    Buffer(缓冲区) JavaScript 语言自身只有字符串数据类型,没有二进制数据类型. 但在处理像TCP流或文件流时,必须使用到二进制数据.因此在 Node.js中,定义了一个 Buffer ...

随机推荐

  1. Luogu5401 CTS2019珍珠(生成函数+容斥原理+NTT)

    显然相当于求有不超过n-2m种颜色出现奇数次的方案数.由于相当于是对各种颜色选定出现次数后有序排列,可以考虑EGF. 容易构造出EGF(ex-e-x)/2=Σx2k+1/(2k+1)!,即表示该颜色只 ...

  2. em...刚打完一点cf。。 有点子感悟

    首先,下笔一定要读清楚题目. 情况多考虑一下. 这几次的模拟赛,分类思想很重要,往往一大坨东西扔给你,你不去尝试分类的话就很难整理清楚.

  3. SQL Server2008存储过程中函数的用法(举例)

    USE   数据库 GO SET ANSI_NULLS ONGOSET QUOTED_IDENTIFIER ONGO CREATE   function  函数名称 (@EmpID   nvarcha ...

  4. FaceBook CVPR2014: DeepFace解读

      DeepFace是Facebook在2014年的CVPR上提出来的,后续出现的DeepID和FaceNet也都体现DeepFace的身影,可以说DeepFace是CNN在人脸识别的奠基之作,目前深 ...

  5. java对日开发常用语(词汇)总结

    日语 英语 中文 备注 並び順(ならびじゅん) order by 排序   項目(こうもく)                         field 字段,域                    ...

  6. JavaScript Array vs new Array区别

    规范说明 When Array is called as a function rather than as a constructor, it creates and initialises a n ...

  7. English-培训3-Please call me Beth

  8. Qt定时器

    PS: 本案例使用的是Qt 4.8.4版本,不同版本代码可能会有差异. 第一步: // 重写此虚函数(继承自QObject) virtual void timerEvent(QTimerEvent* ...

  9. 100行代码打造属于自己的代理ip池

    经常使用爬虫的朋友对代理ip应该比较熟悉,代理ip就是可以模拟一个ip地址去访问某个网站.我们有时候需要爬取某个网站的大量信息时,可能由于我们爬的次数太多导致我们的ip被对方的服务器暂时屏蔽(也就是所 ...

  10. Elasticsearch7

    elasticsearch 由来 点击进入 elasticsearch 基本概念 点击进入 elasticsearch 安装 点击进入 elasticsearch 增删改查 点击进入 elastics ...