深入理解ECMAScript Number类型：进制、精度陷阱与数值转换

Number定义与进制表示

Number 类型使用 IEEE 754 格式表示整数和浮点值。在实际编码中，除了最常用的十进制，还需掌握其他进制的字面量写法，特别是在处理底层数据或颜色代码时。

第1步：十进制整数规范

最基本的形式。例如：

const intNum = 42;

第2步：八进制字面量的演变

在旧版JavaScript中，以 0 开头的数字被视为八进制（如 070）。但在现代 ES6 及严格模式下，这种方式已被废弃，建议使用 0o 前缀：

• let octalNum1 = 0o70; // 八进制 56
• 若输入超出范围如 079，非严格模式下会忽略前缀视为十进制 79；严格模式下直接报错。

第3步：十六进制字面量

必须使用前缀 0x（区分大小写），后跟 0-9 及 A-F。字母大小写不限：

let hexNum1 = 0xA; // 十进制 10 
let hexNum2 = 0x1f; // 十进制 31 

注意：无论使用何种进制创建变量，参与数学运算时均自动转为十进制。此外，存在正零（+0）与负零（-0），二者相等。

浮点值与精度问题

浮点数必须包含小数点且后方至少有一位数字。由于内存占用是整数的两倍，JS引擎会对末尾为0的小数进行优化：

let floatNum1 = 1.; // 视为整数 1 
let floatNum2 = 10.0; // 视为整数 10 

科学记数法

用于表达极大或极小的数值，格式为系数后跟 e 及10的幂次：

let floatNum = 3.125e7; // 等于 31250000 

当小数点后零的个数较多（通常超过6个）时，JS会自动将其转换为科学记数法显示。

浮点精确度陷阱

最高精度约17位小数，但算术运算远不如整数精确。这是 IEEE 754 标准导致的舍入错误，并非JS独有：

console.log(0.1 + 0.2); // 输出 0.30000000000000004

因此，永远不要直接测试特定的浮点值是否相等。若需比较，应设定一个极小误差范围（Epsilon）。

值的范围与无穷大

JS数值范围受限于内存：

• Number.MIN_VALUE: 最小值，多数浏览器为 5e-324
• Number.MAX_VALUE: 最大值，多数浏览器为 1.7976931348623157e+308

若计算结果超出此范围，将变为 Infinity（正无穷）或 -Infinity（负无穷）。可使用 isFinite() 判断数值是否在有限范围内：

console.log(isFinite(Number.MAX_VALUE * 2)); // false

NaN 特性

NaN (Not a Number) 表示本来要返回数值的操作失败了。其核心特性如下：

• 任何涉及 NaN 的操作始终返回 NaN。
• NaN 不等于任何值，包括自身：NaN == NaN 返回 false。
• 常见产生场景：0 除以 0、解析非数值字符串等。

使用 isNaN() 检测时，函数会尝试将参数转换为数值。若转换失败则返回 true：

isNaN("blue"); // true，无法转换 
isNaN("10");   // false，可转为 10 
isNaN(true);   // false，可转为 1

数值转换函数对比

将非数值转为数值有三种主要方式，它们的规则差异巨大：

第1步：Number() 全局转换

适用于所有数据类型，遵循严格的转型规则：

• 布尔值：true→1, false→0
• null→0, undefined→NaN
• 字符串：纯数字串转对应数字；含空格/混合字符（除首尾）转NaN；空字符串转0。
• 对象：优先调用 valueOf()，失败后调用 toString()。

第2步：parseInt() 逐位解析

专注于从字符串左侧提取整数。语法：parseInt(string, radix)。

• 忽略前导空格，从第一个非空字符开始。
• 若首个字符无效（非数字/+/-），直接返回 NaN。
• 遇到非数值字符（如小数点、字母）即停止解析，返回已解析部分。

进阶用法：指定进制。第二个参数 radix 必须在 2~36 之间。为避免自动识别带来的歧义（如 "010" 可能被误认为八进制），建议始终显式传入基数，尤其是十进制时传10：

parseInt("0xAF", 16); // 175 
parseInt("10", 2);    // 2 (二进制解析)

第3步：parseFloat() 浮点解析

功能类似 parseInt，但能识别第一个小数点，并忽略开头的零。不支持指定进制，始终按十进制解析：

parseFloat("22.5a"); // 22.5 
parseFloat("0022.34.5"); // 22.34 (第二个小数点被忽略)