JS中【包装类】详解_js包装类-CSDN博客

本文链接：https://blog.csdn.net/2301_79858914/article/details/141091438

在JavaScript中，包装类（Wrapper Classes）是用于将基本数据类型（如number、string、boolean等）包装为对象，以便为这些基本类型提供额外的方法和属性。这些包装类主要包括Number、String和Boolean。虽然基本数据类型是原始值，但通过包装类，我们可以对这些值调用对象方法。

1. 基本数据类型与包装对象

JavaScript中有六种基本数据类型：

Number：数字类型。
String：字符串类型。
Boolean：布尔类型。
undefined：表示未定义。
null：表示空值。
Symbol：符号类型（用于唯一标识符）。

基本数据类型本身并不是对象，因此它们不具有方法。但JavaScript为了便于操作这些基本类型，会在必要时创建对应的包装对象，这些对象拥有一系列方法和属性。

1.1. 自动装箱（Autoboxing）

当你对一个基本数据类型调用方法时，JavaScript会临时创建一个包装对象。这个过程称为自动装箱。举个例子：

let str = "hello";
let length = str.length; // "hello" 自动被转换为 String 对象，获取 length 属性

在上面的例子中，虽然str是一个字符串基本类型，但在调用str.length时，JavaScript引擎会自动将str包装为一个String对象，因此可以调用length属性。调用完成后，这个临时的对象会被销毁。

1.2. 手动创建包装对象

你也可以手动创建这些包装对象，虽然在实践中并不常见：

let numObj = new Number(123);
let strObj = new String("hello");
let boolObj = new Boolean(true);

这样创建的对象会包含所有包装类的方法和属性。

2. 自动装箱的内部实现

在JavaScript中，当你对基本数据类型调用方法或访问属性时，JavaScript引擎会在内部进行一些处理，使这些基本数据类型能够表现得像对象。这种处理称为“自动装箱”（autoboxing）。为了更好地理解系统内部的工作机制，让我们深入探讨自动装箱的具体实现。

2.1. 自动装箱的实现步骤

当你执行类似于 "hello".length 的代码时，JavaScript 引擎会执行以下步骤：

创建包装对象：JavaScript 引擎会创建一个临时的 String 包装对象，将 "hello" 作为其值。这个对象封装了字符串，并提供了与 String 对象相关的所有方法和属性。
访问属性或调用方法：JavaScript 引擎会使用这个临时的 String 对象来访问 .length 属性或其他方法。这个属性或方法的执行就像是在一个常规的对象上一样。
销毁包装对象：一旦属性被访问或者方法执行完毕，JavaScript 引擎会销毁这个临时的包装对象，回收内存。

简化后的伪代码表示如下：

let str = "hello";
let tempStrObj = new String(str); // 创建包装对象
let length = tempStrObj.length; // 访问 length 属性
tempStrObj = null; // 销毁包装对象

在实际的 JavaScript 引擎中，这个过程更加复杂且优化了许多，但这个伪代码足以表达自动装箱的核心概念。

2.2. 包装对象的优化

JavaScript 引擎通常会对这个过程进行优化。例如，它可能不会在每次访问属性或调用方法时都创建新的包装对象，而是直接访问内置的属性或方法。这使得这种操作既高效又不影响性能。

3. 常见的包装类

3.1. `Number`

Number包装类用于处理数字类型。你可以通过Number包装类调用各种方法来处理数字：

let num = 42;
console.log(num.toFixed(2)); // "42.00" 通过自动装箱调用 Number 对象的 toFixed 方法

常用的Number对象方法包括：

toFixed()：返回指定小数位数的字符串表示。
toString()：返回数字的字符串表示。
toPrecision()：返回指定精度的数字字符串。

3.2. `String`

String包装类用于处理字符串类型。字符串的包装对象可以提供大量有用的方法：

let str = "JavaScript";
console.log(str.toUpperCase()); // "JAVASCRIPT"

常用的String对象方法包括：

charAt()：返回指定位置的字符。
substring()：返回字符串的子串。
toUpperCase()：将字符串转换为大写。
toLowerCase()：将字符串转换为小写。

3.3. `Boolean`

Boolean包装类用于处理布尔值。虽然布尔值本身只有true和false，但使用Boolean对象可以调用对象方法：

let bool = true;
console.log(bool.toString()); // "true"

常用的Boolean对象方法包括：

toString()：返回布尔值的字符串表示。

4. 系统内部代码解析

让我们通过一个示例来深入理解自动装箱的过程：

let str = "hello";
console.log(str.length); // 5

在这段代码中，str.length 的获取大致可以解释为如下步骤：

"hello" 是一个字符串字面量，它是基本数据类型。
JavaScript 引擎检测到 .length 属性的访问。
引擎创建一个临时的 String 对象，如同调用 new String("hello") 一样。
length 属性在这个临时对象上被访问，获取值 5。
临时对象被销毁，返回 5 作为结果。

这个过程对开发者是完全透明的，你只看到结果，却不需要关心中间发生了什么。

5. 包装类的注意事项

性能问题：包装类的对象创建比基本数据类型稍慢，因为它们涉及对象的创建和销毁。因此，除非必要，否则应该尽量使用基本数据类型。

instanceof 与类型判断：手动创建的包装类对象与基本数据类型是不一样的。在进行类型判断时需要特别小心：

let num = 42;
let numObj = new Number(42);
console.log(num === numObj); // false
console.log(numObj instanceof Number); // true

避免直接使用包装类作为构造函数：除非你确实需要对象包装的功能，通常不建议直接使用包装类构造函数创建对象，因为这可能引发不必要的混淆和错误。

6. 总结

JavaScript中的包装类为基本数据类型提供了对象的方法和属性，通过自动装箱的机制，使得我们可以直接对基本类型调用方法。在大多数情况下，开发者并不需要手动创建包装类对象，因为JavaScript会自动处理装箱和拆箱操作。然而，理解包装类的存在和其背后的机制，对于编写高效、可维护的JavaScript代码是非常重要的。

系统内部通过自动装箱实现了对基本类型的对象化处理，这个过程对开发者透明，简化了代码的编写。但在性能敏感的场景下，避免不必要的包装对象是一个好的实践。