【JS学习】（1）JavaScript 的包装对象类型是什么

在 JavaScript 中，包装对象类型（Wrapper Object Types） 是指与基本数据类型（Primitive Types）对应的对象类型。它们是 JavaScript 的内置对象，用于为原始值提供更多的方法和属性。尽管原始值（如 string、number、boolean 等）本身不是对象，但 JavaScript 提供了这些包装对象类型来临时将原始值转换为对象。

---

1. 什么是包装对象？

JavaScript 的基本数据类型（如 string、number、boolean 等）是原始值（Primitive Values），它们本身并不是对象，因此无法直接拥有属性或方法。然而，JavaScript 提供了一种机制：当访问原始值的属性或方法时，JavaScript 会临时创建一个对应的包装对象，并在操作完成后销毁这个对象。

示例

let str = "hello";
console.log(str.toUpperCase()); // 输出 "HELLO"

在这个例子中：

• 原始值 "hello" 并不是一个对象。
• 当调用 .toUpperCase() 方法时，JavaScript 会临时创建一个 String 对象（包装对象）。
• 方法执行完成后，这个临时对象会被销毁。

---

2. 常见的包装对象类型

JavaScript 提供了以下几种包装对象类型：

原始类型	包装对象类型	描述
string	String	用于表示字符串的对象
number	Number	用于表示数字的对象
boolean	Boolean	用于表示布尔值的对象
symbol	Symbol	用于表示符号的对象

此外，BigInt 和 null/undefined 没有对应的包装对象类型。

---

3. 如何手动创建包装对象？

可以使用构造函数显式创建包装对象。例如：

let strObj = new String("hello"); // 创建一个 String 包装对象
let numObj = new Number(42);      // 创建一个 Number 包装对象
let boolObj = new Boolean(true);  // 创建一个 Boolean 包装对象

这些对象的行为与原始值不同，因为它们是真正的对象，而不是原始值。

---

4. 包装对象与原始值的区别

(1) 类型不同

• 原始值是基本类型（Primitive Types）。
• 包装对象是引用类型（Reference Types）。

示例

let primitiveStr = "hello"; // 原始值
let objectStr = new String("hello"); // 包装对象

console.log(typeof primitiveStr); // 输出 "string"
console.log(typeof objectStr); // 输出 "object"

(2) 行为不同

• 原始值是不可变的（Immutable）。
• 包装对象是可变的（Mutable）。

示例

let primitiveStr = "hello";
primitiveStr.toUpperCase(); // 返回 "HELLO"，但原始值不变

let objectStr = new String("hello");
objectStr.value = "world"; // 可以修改包装对象的属性
console.log(objectStr.value); // 输出 "world"

(3) 比较不同

• 原始值使用值比较。
• 包装对象使用引用比较。

示例

let primitiveStr1 = "hello";
let primitiveStr2 = "hello";

console.log(primitiveStr1 === primitiveStr2); // true（值相同）

let objectStr1 = new String("hello");
let objectStr2 = new String("hello");

console.log(objectStr1 === objectStr2); // false（引用不同）

---

5. 为什么需要包装对象？

包装对象的主要作用是为原始值提供方法和属性。例如：

(1) 字符串方法

原始值 "hello" 本身没有方法，但通过包装对象 String，可以调用以下方法：

• .toUpperCase()
• .toLowerCase()
• .charAt(index)
• .split(separator)

(2) 数字方法

原始值 42 本身没有方法，但通过包装对象 Number，可以调用以下方法：

• .toFixed(digits)
• .toString(base)
• .valueOf()

---

6. 注意事项

尽管包装对象提供了额外的功能，但在实际开发中应尽量避免显式使用包装对象，原因如下：

(1) 性能问题

• 包装对象是引用类型，会占用更多的内存。
• 使用包装对象可能会导致不必要的性能开销。

(2) 潜在的错误

• 包装对象的行为与原始值不同，可能导致意外的结果。

示例

let boolObj = new Boolean(false);
if (boolObj) {
    console.log("This will run!"); // 包装对象始终是真值
}

在这种情况下，new Boolean(false) 是一个对象，而对象在条件判断中始终被视为真值。

---

7. 总结

• 包装对象 是 JavaScript 的内置对象，用于为原始值提供方法和属性。
• 常见的包装对象包括 String、Number 和 Boolean。
• 尽量避免显式使用包装对象，而是直接操作原始值。