工具: PlayeGround
简介
数字的基本类型是number，它是双精度64位浮点数，在TypeScript和JavaScript中没有整数。
支持使用Number对象，它是对原始数值的包装对象。
const value = new Number(param);
创建Number对象，简单实例：
// 参数类型为any, 如果不能够转换为数字，将返回Nan或null
const data = new Number("Hello");
console.log(data); // Number: null
对于Number的属性相关如下：
| 属性名 | 返回类型 | 描述 |
|---|---|---|
| MAX_VALUE | number |
可表示的最大数值 1.79E+308 |
| MIN_VALUE | number |
可表示的最小数值 5.00E-324 |
| NaN | number |
非数字数值, 即使在相等比较中，自己不等于自己 |
| NEGATIVE_INFINITY | number |
负无穷大，小于 MIN_VALUE，溢出时返回该值 |
| POSITIVE_INFINITY | number |
正无穷大，大于 MAX_VALUE，溢出时返回该值 |
| toString() | string |
使用指定的基数转换为字符串，基数是[2,36]之间的整数，默认为10 |
| toLocaleString() | string |
把数字转换为字符串， 与tostring有些类似 |
| toFixed() | string |
将数字转换为字符串，并设置小数点后的位数，范围在[0,20]之间， 存在四舍五入的问题 |
| toExponential() | string |
将数字转换为指数计数的字符串，小数点后的位数范围在[0, 20]之间， 存在四舍五入的问题 |
| toPrecision() | string |
将数字转换为指定长度的字符串，有效数字个数在[1,21]之间， 不存在四舍五入的问题 |
| valueOf() | number |
返回Number对象的原始数字值 |
源码相关：
interface NumberConstructor {
// 创建Number对象， 参数为any类型
new(value?: any): Number;
(value?: any): number;
readonly prototype: Number;
// 可表示的最大数值 1.79E+308
readonly MAX_VALUE: number;
// 可表示的最小数值 5.00E-324
readonly MIN_VALUE: number;
// 非数字数值, 即使在相等比较中，它不等于自己
readonly NaN: number;
// 负无穷大，溢出时返回该值。该值小于 MIN_VALUE
readonly NEGATIVE_INFINITY: number;
// 正无穷大，溢出时返回该值。该值大于 MAX_VALUE。
readonly POSITIVE_INFINITY: number;
}
interface Number {
// 使用指定的基数转换为字符串，基数是[2,36]之间的整数，默认为10
toString(radix?: number): string;
// 将数字转换为字符串，并设置小数点后的位数，范围在[0,20]之间
toFixed(fractionDigits?: number): string;
// 将数字转换为指数计数的字符串，小数点后的位数范围在[0, 20]之间
toExponential(fractionDigits?: number): string;
// 将数字转换为指定长度的字符串，有效数字个数在[1,21]之间
toPrecision(precision?: number): string;
// 返回Number对象的原始数字值
valueOf(): number;
}
interface Number {
// 把数字转换为字符串，使用本地数字格式顺序
toLocaleString(locales?: string | string[], options?: Intl.NumberFormatOptions): string;
}
declare var Number: NumberConstructor;
注意事项
对于NaN类型注意： 虽然是number数字类型， 但它真正代表的 非数字数特殊值，用于表示非法的数值 如果两个NaN比较，他们并不相等, 数学运算中较为常见
console.log(0/0); // NaN
console.log(Math.sqrt(-1)); // NaN
console.log(Math.log(-1)); // NaN
console.log(10 !== NaN); // true
console.log(NaN == NaN); // false
JavaScript和TypeScript存在的**装箱(boxing)和拆箱(unboxing)**机制， 我们在使用number基础数据时，无须在通过new 来创建， 对于String对象一样如此：
// numer基础类型
let value = 10;
// Number对象类型
let numObj = new Number(value);
// boxing可以让number和Number对象直接调用对应方法
console.log(value.toString()); // "10"
console.log(numObj.toString()); // "10"
另外Number对象下无穷大的数值给予的结果是: Infinity:
const minValue = Number.NEGATIVE_INFINITY;
const maxValue = Number.POSITIVE_INFINITY;
console.log(minValue); // -Infinity
console.log(maxValue); // Infinity
// 负无穷大小于 MIN_VALUE
console.log(Number.NEGATIVE_INFINITY < Number.MIN_VALUE); // true
// 正无穷大大于 MAX_VALUE
console.log(Number.POSITIVE_INFINITY > Number.MAX_VALUE); // true
实例
toString转换为指定进制字符串, 基数范围[2， 36]
const value = new Number(10);
// 没有基数，则默认十进制
console.log(value.toString()); // 10
// 二进制
console.log(value.toString(2)); // 1010
注意： 进制的范围[2, 36]之间，否则报错: toString() radix argument must be between 2 and 36
扫描二维码关注公众号，回复：
16501955 查看本文章
toLocaleString与toString相比较，在数字四位数的时候比较明显
const value = new Number(1234.56789);
// 直接转换
console.log(value.toString()); // 1234.56789
// 每三位会有逗号间隔
console.log(value.toLocaleString()); // 1,234.568
toFixed转换为保留指定位数小数，小数位数范围在[0,20]
const value = new Number(1.567123);
// 不保留小数
console.log(value.toFixed()); // 2
// 保留两位小数
console.log(value.toFixed(2)); // 1.57
注意： 会存在四舍五入的情况
toExponential转换为指数字符串， 小数位数范围在[0, 20]
const value = new Number(12375.73);
// 未设定，则保留所有
console.log(value.toExponential()); // 1.237573e+4
// 保留两位小数， 会存在四舍五入
console.log(value.toExponential(2)); // 1.24e+4
注意： 会存在四舍五入的情况
toPrecision转换为指定长度的字符串，有效数字个数范围[1,21]
const value = new Number(1.5367);
// 未设定，则保留所有
console.log(value.toPrecision()); // 1.5367
// 保留两位小数， 不会四舍五入
console.log(value.toPrecision(2)); // 1.5
如果对精度要求比较高，推荐使用该方法。
valueOf获取原型的number数据
const value = new Number(1234);
console.log(typeof(value)); // "object"
const num:any = value.valueOf();
console.log(num, typeof(num)); // 1234, "number"