JavaScript基础05—Nubmer类型（上）

JavaScript中的Number类型应该是常用类型之一，包括整数和浮点数。

整数

JavaScript默认使用十进制表示整数，同时我们也可以使用2、8、16进制来表示整数。

二进制

使用二进制表示整数时必须使用0b前缀，后面跟上有效数字0和1。如果后面的数字大于1，则会抛出异常。
```
let bin1 = 0b101; // 5
let bin2 = 0b202; // Uncaught SyntaxError: Invalid or unexpected token
```
八进制

ES5规定使用八进制表示整数时必须使用0作为前缀，其他位必须是0~7的八进制序列。如果后面的数字大于7，则前面的0会被忽略，当作十进制来处理。
```
let oct1 = 070; // 56
let oct2 = 079; // 79
```
但是严格模式下不支持以0为前缀的八进制表示，因此ES6版本规定八进制应该使用0o前缀。
```
"use strict";
let num1 = 0o70; // 56
let num2 = 070; 
// Uncaught SyntaxError: Octal literals are not allowed in strict mode.
```
同样的，如果使用0o作为前缀，当后面的数字大于7也会抛出异常。
```
let num1 = 0o79; // Uncaught SyntaxError: Invalid or unexpected token
```
十六进制

十六进制使用0x作为前缀，后面跟上0-9以及a-f(或A-F)来表示。如果后面的数字超出F，则同样会抛出错误。
```
let num1 = 0xff; // 255
let num2 = 0xag; // Uncaught SyntaxError: Invalid or unexpected token
```

最后需要记住的是，无论使用哪种进制表示数字，最后访问或者参与计算都会先转换成对应的10进制形式。

let bin1 = 0b10101;
let oct2 = 0o76;
console.log(bin1 + oct2);  // 83

小数

小数有时候也被称为浮点数，但在JavaScript中仍然是Number类型。

小数的2种表示方式：

小数点形式：例如2.7、5.2、 11.1;
科学计数法形式：例如3.24e7、3e-17

需要注意的是，以下两种情况下JavaScript总是会适时地将某些小数转为整数：

小数点后面没有数字，例如5.
小数点后面跟着0，例如3.0

let num1 = 5.;
let num2 = 4.0;
console.log(num1, num2); // 5 4

因此，在数字上调用方法时如果使用字面量形式调用，下面这种方式会抛出错误

console.log(5.toString(2)); 
// Uncaught SyntaxError: Invalid or unexpected token

原因就在于5.是Number类型地正常字面量形式，要想正确调用方法应该使用下面地写法：

console.log(5..toString(2));  // '101'

Infinity和-Infinity

JavaScript中能表示地最大值保存在Number.MAX_VALUE中，最小值保存在Number.MIN_VALUE;

console.log(Number.MAX_VALUE); // 1.7976931348623157e+308
console.log(Number.MIN_VALUE); // 5e-324

当数字超出了JavaScript能表示地最大范围或最小范围，JavaScript会将其表示出正无穷大（Infinity）和负无穷大（-Infinity）。

isFinite()和Number.isFinite()

JavaScript中提供了isFinite()函数判断某个值是否有限大，传入的值如果是Infinity和-Infinity，则返回false，否则返回true。

console.log(isFinite(12));  // true
console.log(isFinite(Infinity)); // false
console.log(isFinite('200')); // true

ES6将isFinite归到Number对象下，即Number.isFinite()。该方法和isFinite()全局函数的区别在于isFinite()函数会尝试隐式转换传入的值为数字，而Number.isFinite()当传入的值不是Number类型会直接返回false。

console.log(Number.isFinite(12));  // true
console.log(Number.isFinite(Infinity)); // false
console.log(Number.isFinite(5e-328*5e-328)); // true
console.log(Number.isFinite('200')); // false

在兼容ES6的环境下推荐使用Number.isFinite，而在不兼容ES6的环境下我们可以使用下面的polyfill

Number.isFinite = Number.isFinite || function(val){
        return typeof val === "number" && isFinite(val);
}

最后编辑于：2021.08.25 00:32:45