JavaScript 关于数值的那些冷知识

r囧r小猫 2023-09-29 08:37 16阅读 0赞

# 数值的两种类型 #

ES6引入了`bigint`类型，所以现在的数值，其实有两种类型：`number`和`bigint`。

`bigint`类型用`Bigint`函数定义（不带`new`），或者在数字后面加上字母`n`。

let a = Bigint(1);
    let b = 1n;

`number`和`bigint`有很多区别。

首先，`number`可以表示浮点数，但是`bigint`正如它的名字，大整数，所以只能是整数。

其次，它们的取值范围不同，`number`的取值范围是从`Number.MIN_VALUE`到`Number.MAX_VAlUE`，`bigint`可以是无限大。

而且，`bigint`不能跟`number`混合运算。

# 数值进制表示 #

除了我们常见的十进制，js中还可以用二进制、八进制、十六进制表示数值。

二进制以`0b`开头。

let num = 0b111;  // 十进制的 7

八进制以`0`开头。

let num = 011;    // 十进制的 9

十六进制以`0x`开头。

let num = 0x11;   // 十进制的 17

# 一个矛盾的数字 #

js里面有个数，叫`NaN`。翻译过来就是`Not a Number`，代表不是数字。

但是。

console.log(typeof NaN);   // number

是数也不是数，是也不是？

当一个数和非数值的值运算时，或者一个非数字转成数字时，就可能会产生`NaN`。

'abc' - 1;         // NaN
    parseInt('abc');   // NaN
    Number('abc');     // NaN

可以用`isNaN`或`Number.isNaN`来判断值是不是`NaN`。

# 数字的表示方式 #

可以使用`_`来人性化的表示。

let num = 10_000_000;

用来表示千分位，是不是更加直观了。

可以使用字母`e`，表示科学计数法。

let mn = 1e6;    // 百万
    let bn = 1e8;    // 一亿

还有之前说的`bigint`。

let num = 1n;

# 0.1 + 0.2 != 0.3 ？ #

不等于`0.3`，等于啥呢？

![bfcc0f3041374bfd93733ca14142b442.png][]

为啥等于`0.30000000000000004`？

这是因为js的浮点数采用的是[ieee 754][]这个标准，它约定了计算机浮点数的表示方法。像Java、Python等其他编程语言大都遵照这个标准。

简单点说，`0.1 + 0.2`无法精确表达是因为二进制的原因，二进制决定了它只能表示2的整数次幂的数，比如：  
 . . . ， 16 ， 8 ， 4 ， 2 ， 1 ， 1 2 ， 1 4 ， 1 8 ， 1 16 . . . ...，16，8，4，2，1，\\frac \{1\} \{2\}，\\frac \{1\} \{4\} ，\\frac \{1\} \{8\}，\\frac \{1\} \{16\} ... ...，16，8，4，2，1，21，41，81，161...

如果一个不能表示为多个2的整数次幂的和，那么它的精度可能会丢失，最终保存的可能是一个近似值。

因为`0.1`和`0.2`都无法用2的整数次幂表示，所以它们都是存储的近似值，所以最终它们的和并非严格等于`0.3`。

可以用`Number.EPSILON`避免这个中问题：

Math.abs(0.3 - (0.1 + 0.2)) <= Number.EPSILON

`Number.EPSILON`是一个非常小的数，如果两个数的差的绝对值小于这个数，可以近似的认为它们是相等的。

# \+0和-0 #

js里面有`+0`和`-0`之分，这个跟数学里面`0`零既不是正数也不是负数是矛盾的。

所以js规定`+0`是严格等于`-0`的。

零的正负号是会带入运算的，但是因为`+0`和`-0`是相等的，所以大多数情况并不会影响计算结果。但是在进行除法的时候要注意：

console.log(1 / 0);    // Infinity
    console.log(1 / -0);   // -Infinity

如果0作为分母，且分子是个非0的数，那么`+0`作为分母得到的是正无穷大，`-0`作为分母得到的是负无穷大。

[bfcc0f3041374bfd93733ca14142b442.png]: https://img-blog.csdnimg.cn/bfcc0f3041374bfd93733ca14142b442.png
[ieee 754]: https://baike.baidu.com/item/IEEE%20754/3869922?fr=aladdin

发表评论取消回复

表情：

评论列表（有 0 条评论，16人围观）

还没有评论，来说两句吧...

相关阅读

相关 Spring Cloud 冷知识

1、Ribbon和Nginx的区别 Ribbon：属于客户端的负载均衡。Ribbon是从注册中心服务器端上获取服务注册信息列表，缓存到本地，然后在本地实现轮训负载...

男娘i/ 2024年04月19日 15:43/ 0 赞/ 78 阅读

相关 JavaScript 关于数值的那些冷知识

数值的两种类型 ES6引入了`bigint`类型，所以现在的数值，其实有两种类型：`number`和`bigint`。 `bigint`类型用`Bigint`函数定义（

r囧r小猫/ 2023年09月29日 08:37/ 0 赞/ 17 阅读

相关 javascript 数值方法

1.JavaScript 数字 JavaScript 只有一种数值类型。书写数值时带不带小数点均可。 JavaScript 数值始终是 64 位的浮点数与许多其

男娘i/ 2022年12月27日 12:56/ 0 赞/ 171 阅读

相关初学Http的冷知识

1.hyper text transferprotocol 的transfer是“转移的意思”。超文本转移协议？ 2.统一资源定位符 URL ：Uniform Reso

ゝ一纸荒年。/ 2022年07月31日 15:26/ 0 赞/ 204 阅读

相关关于Unity ParticleSystem的一些"冷"知识

目前的游戏开发中，粒子系统的使用想必是标配了，Unity自然也提供了相应的解决方案：ParticleSystem，网上对ParticleSystem的介绍也非常之多（譬如[

淡淡的烟草味﹌/ 2022年07月13日 09:50/ 0 赞/ 233 阅读

相关 servlet冷知识

servlet 1.用

秒速五厘米/ 2022年06月14日 08:50/ 0 赞/ 262 阅读

相关 spring冷知识

一. bean标签下注入: 1.构造器注入 <construction-arg index="要注入的第一个属性",type="java.langStri

左手的ㄟ右手/ 2022年06月13日 08:00/ 0 赞/ 202 阅读

相关 java冷知识：javac AbstractProcessor

Annotation Processor是javac的一个工具，它用来在编译时扫描和处理注解，通过Annotation Processor可以获取到注解和被注解类的相关信息，然

分手后的思念是犯贱/ 2022年03月14日 16:46/ 0 赞/ 288 阅读

相关冷知识：netty的Recycler对象池

在netty中Recycler用来实现对象池，以达到对象的循环利用，它是netty实现的一个轻量级对象回收站，具体的实现有：堆内存对应PooledHeapByteBuf，而直接

淩亂°似流年/ 2022年01月29日 03:57/ 0 赞/ 319 阅读

相关 Deferred的那些知识

在移动开发中的各种中，我们一定会遇到异步回调的问题，比如： 1：Css3执行动画完毕, 回调 2：Jquery Animate动画的执行完毕, 回调 3：Ajax的执行(

墨蓝/ 2021年12月14日 03:32/ 0 赞/ 292 阅读