JavaScript Number 类型学习笔记：数值表示、转换与精度陷阱

底层结构与基本表示

在 JavaScript 中，Number 类型覆盖了所有的数值——无论是整数还是浮点数，均采用 IEEE 754 双精度 64 位格式进行存储。这意味着内存空间是保存整数值的两倍，且最高有效小数位约为 17 位，但在实际算术运算中其精度往往低于整数计算。

除了常见的十进制外，JS 还支持多种字面量表示法：

• 八进制 (Octal)：
  首位必须是 0，后跟 0~7 的数字序列。若字面值超出范围（如出现 8 或 9），前导 0 会被忽略，后续内容按十进制解析。
  注意：在现代开发规范的严格模式（'use strict'）中，通常不建议使用八进制字面量以避免兼容性问题。
• 十六进制 (Hexadecimal)：
  必须以 0x 开头，后跟 0~9 及 A~F（不区分大小写）。

070      // 对应十进制的 56
079      // 因 '9' 无效，忽略 0，解析为十进制 79

0xA      // 对应十进制的 10

在进行任何算术计算时，以八进制和十六进制定义的数值都会自动被转换为十进制处理。

数值范围与特殊值

由于采用 64 位浮点表示，JavaScript 数值的取值范围大约在 ±5 × 10⁻³²⁴ 到 ±1.7976931348623157 × 10³⁰⁸ 之间。当计算结果超出这一范围时，引擎不会报错，而是将其转换为特殊的无穷大值 (Infinity)。

• 正无穷 (Infinity)：如 Number.MAX_VALUE + Number.MAX_VALUE 或 1 / 0。
• 负无穷 (-Infinity)：如 -1 / 0 或 -Number.MAX_VALUE - 1。
• 判断方法：
  isFinite(value) 用于检测一个数值是否有穷（即不是 Infinity）。如果返回 false，说明该值已溢出。

var result = Number.MAX_VALUE + Number.MAX_VALUE;
console.log(isFinite(result)); // false，证明结果超出了可表示范围

另一个重要的特殊值是 NaN (Not a Number)，代表“非数字”。它通常出现在无法成功解析数值的操作中（例如 0 / 0）。

关键特性： NaN 具有自反性失效的特点，即它与自身不相等（NaN === NaN 结果为 false）。在全局环境中，可以使用 isNaN() 辅助判断。需要注意的是，isNaN() 会尝试将传入参数转换为数字后再判断：isNaN('10') 会返回 false（因为 '10' 能转为 10），而 isNaN('bb') 返回 true。

类型转换实操指南

在实际开发中，经常需要将非数值类型强制转换为 Number。主要涉及三套逻辑不同的转换工具：Number()、parseInt() 和 parseFloat()。

第一步：理解 Number() 的全局强转换

Number() 函数适用于任何类型的数据，遵循严格的规则：

• 布尔值：true 变为 1，false 变为 0。
• 数字：直接原样返回。
• null：转换为 0。
• undefined：转换为 NaN。
• 字符串：
  - 纯数字字符串（含前导零）转换为对应的数值（如 '123' → 123）；
  - 空字符串 '' 转换为 0；
  - 包含非数字字符的字符串（如 'bb'）转换为 NaN。
• 对象：先调用对象的 valueOf() 方法尝试转换，若结果为 NaN，则再调用 toString() 方法进行二次转换。

第二步：掌握解析函数 parseInt 与 parseFloat

这两个函数主要用于从字符串中提取数值，它们的最大特点是贪婪解析——即从第一个字符开始读取，直到遇到非数字字符（对于 Float，则是第二个小数点）时停止。

• parseInt(string [, radix])：
  - 去除前导空白，从首字符开始匹配数字。
  - 支持第二参数 radix 指定进制（如 2、8、10、16）。如果不传，JS 会自动根据前缀识别（如 '0x' 视为十六进制）。
  - 示例：parseInt('12bu', 10) 返回 12；parseInt('10', 2) 返回 2。
• parseFloat(string)：
  - 仅用于解析浮点数，默认始终按十进制解析。
  - 能够识别第一个小数点；若遇到第二个小数点则停止。忽略前导零（如 '090' 转为 90）。

// parseInt 示例
parseInt('')       // NaN (空串)
parseInt('22.4')   // 22 (截断小数部分)
parseInt('12bu')   // 12 (遇'b'停止)
parseInt('10', 2)  // 2  (二进制转换)
parseInt('10', 8)  // 8   (八进制转换)

// parseFloat 示例
parseFloat('')     // NaN
parseFloat('090')  // 90 (忽略前导0)
parseFloat('2.3.4')// 2.3 (遇到第二个小数点停止)

精度陷阱与 Math 常用功能

由于 IEEE 754 的二进制浮点表示存在先天局限，JavaScript 并不总是精确地表示小数。这导致了著名的“浮点精度丢失”现象：

var x = .3 - .2; 
var y = .2 - .1;
x == y             // false
x == .1            // false (.3-.2 的结果精度异常)
y == .1            // true

在进行金额或高精度计算时，建议引入专门的数学库或使用整数运算替代。日常计算则需依靠内置的 Math 对象来完成复杂的数学操作，常用的包括：Math.round()（四舍五入）、Math.ceil()（向上取整）、Math.floor()（向下取整）、Math.abs()（绝对值）、Math.max/min()（最值）以及 Math.random()（生成随机数）等。

以上就是 JavaScript Number 类型的详细内容，关于 JS 数值计算的更多注意事项请留意本站后续更新！