深入理解Number类型

开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第12天，点击查看活动详情

前言

number作为js的基础类型之一，很容易被理解为代码中比较常见的自然数，比如123，456等等，但其实还有几个需要注意的点：

1. number字面量，十进制、八进制、二进制、十六进制等等
2. number临界值（最大值、最小值）
3. NaN
4. Infinity
5. 数值计算
6. 数值转换

Number类型表示

js基础类型之一，使用IEEE754格式来表示整数和浮点数，一般无前缀是十进制，但是有前缀的话要看具体的含义，主要如下：

• 0：八进制（0~7），但如果后续的数字超过8，则表示十进制
• 无前缀：十进制（0~9）
• ox：十六进制（09和AF）
• 0b：二进制，如果有大于1的，则表示十进制

如图

需要注意的两点：

1. 八进制在严格模式下，是无效的，会导致支持该模式的javascript引擎抛出错误
2. 在进行算术计算时，其他进制都会转换成十进制进行计算
3. +0和-0被认为相等

浮点数

表示该数值必需有一个小数，这个在代码中比较常见，比如：

let num1 = 1.1; // 1.1
let num2 = 0.1; // 0.1
let num3 = .1; // 0.1，有效，但不推荐

科学计数法

由于保存浮点数的空间是整数的两倍，所以js会将一些小数转换成整数，比如1.0转换成1，同时对于一些极小或极大的值，可以用科学计数法表示，比如：

let num1 = 3.12e5; // 3.12 * 10^5
let num2 = 3.12e-7; // 3.12 * 10^-7

在默认情况下，js会将小数点后面带有6个0以上的浮点数转换成科学计数法表示，比如：

0.1+0.2≠0.3

这个是比较著名的问题，由于计算机的存储长度有限，浮点数值的最高精度是17位小数，所以在进行算术计算时会出现精度丢失的问题。比如0.1+0.2的结果不是0.3，而是0.30000000000000004

原因：浮点数计算会产生舍入误差的问题，是IEEE754数值计算浮点数的通病

数字范围

由于内存的限制，ECMAScript并不能保存世界上所有的数值，所以ECMAScript给出了最小值和最大值的表示，如下

• Number.MIN_VALUE：最小值
• Number.MAX_VALUE：最大值

• 如果在某次计算的结果超出了javascript数值范围，结果会为Infinity ，可以使用isFinite()函数检测

注意：Number.NEGATIVE_INFINITY表示负的infinity，Number.POSITIVE_INFINITY表示正的infinity

NaN

非数值，但是有意义，存在于浏览器和算术计算中，NaN本身有几个个非比寻常的特点：

1. 任何涉及NaN的操作（比如NaN/10）都会返回NaN
2. NaN和任何值都不相等，包括NaN本身，可以用isNaN() 函数判断

什么时候会返回NaN

1. 0除以0
2. 任何数值除以非数值才会返回NaN
3. 正数除以0返回Infinity，负数除以0返回-Infinity