【JavaScript】Number 和 number 的区别-编程知识

【JavaScript】Number 和 number 的区别

news/2025/2/24 15:38:18/文章来源:https://www.cnblogs.com/lhjc/p/18734195

在 JavaScript 中，Number 和 number 的区别主要体现在类型和用途上。以下是详细的总结：

1. 类型区分

number：是 JavaScript 的原始数据类型（primitive type），用于表示整数、浮点数以及特殊值（如NaN、Infinity）。
```
let a = 42; // typeof a === "number"
```
Number：是 JavaScript 的内置对象类型（对象包装器），用于创建数值对象。Number是内置的全局对象，提供数值处理相关的属性和方法，例如Number.MAX_VALUE表示最大数值，Number.MIN_VALUE表示最小正数。
```
let b = new Number(42); // typeof b === "object"
```

基本类型number的值可以直接参与运算，而Number对象封装了数值的扩展功能。

2. 存储与性能

number：作为原始类型，直接存储在栈内存中，访问高效。
Number：作为对象，存储在堆内存中，栈中存储引用。频繁创建对象会影响性能。

3. 自动装箱（Auto-Boxing）

当对原始类型调用方法（如 a.toFixed(2)）时，JavaScript 会临时将 number 包装为 Number 对象，调用方法后销毁。
这意味着原始类型可以“借用”对象的方法，但无需显式创建对象。

4. 比较与类型检查

宽松相等（==）：原始类型与对象类型比较时，对象会被转换为原始值。
```
console.log(5 == new Number(5)); // true
```
严格相等（===）：类型不同直接返回 false。
```
console.log(5 === new Number(5)); // false
```

typeof 结果：

typeof 5; // "number"
typeof new Number(5); // "object"

5. 使用场景

优先使用 number：
- 适用于所有数学运算、变量赋值等常规场景。
- 更高效且避免对象相关的副作用。
谨慎使用 Number 对象：
- 需要为数值添加属性时（不推荐，易引发问题）：
```
let numObj = new Number(10);
numObj.customProp = 'hello'; // 可以添加属性
```
- 需要明确区分对象与原始类型的特殊场景。

6. 静态方法与实例方法

静态方法：通过 Number 构造函数调用，如 Number.parseInt()、Number.MAX_SAFE_INTEGER。
实例方法：通过数值（原始或对象）调用，如 toFixed()、toExponential()。

7. TypeScript 中的类型注解

number：注解原始类型。
```
let a: number = 42; // 正确
```

Number：注解对象类型（通常避免使用）。

let b: Number = new Number(42); // 正确，但非推荐做法

8. 类型转换与常用方法

使用Number()函数可将其他类型转换为number，若转换失败则返回NaN。parseInt()和parseFloat()专门用于字符串到数值的解析，支持进制转换和忽略非数字字符。例如，parseInt("10px")返回10。Number对象的方法如toExponential()（指数表示法）、toPrecision()（指定精度）等，常用于数值格式化。

9. 特殊值与注意事项

NaN（非数值）和Infinity（无穷大）属于number类型。需注意NaN !== NaN，判断需用isNaN()函数。浮点数运算可能存在精度问题（如0.1 + 0.2 !== 0.3），可通过缩放为整数运算后还原。此外，避免直接比较浮点数，推荐使用误差范围判断。

10. 总结

特性	`number` (原始类型)	`Number` (对象类型)
存储方式	栈内存（直接存储值）	堆内存（存储引用）
性能	高效	较低（需内存分配）
类型检查 (`typeof`)	`"number"`	`"object"`
添加属性	无效（自动装箱后销毁）	有效（可作为对象属性）
常见用途	常规数值操作	特殊需求（极少使用）