首页 > 网络编程 > JavaScript > javascript技巧 > js包装对象

聊一聊对js包装对象的理解

2024-11-25 09:42:44 作者：王铁柱6

JavaScript中的基本类型通过自动装箱和拆箱机制,可以临时转换为对应的包装对象,以访问属性和方法,了解包装对象的临时性和手动创建方式有助于编写更高效和正确的代码,感兴趣的朋友跟随小编一起看看吧

在 JavaScript 中，基本类型（primitive types）例如数字、字符串、布尔值、null 和 undefined，本身并不是对象。然而，为了方便开发者访问属性和方法，JavaScript 提供了一种机制，当我们试图访问基本类型的属性或方法时，它会自动创建一个对应的包装对象（wrapper object）。这个包装对象是临时的，一旦属性或方法访问完毕，它就会被销毁。

以下是关于 JS 包装对象的几个关键理解：

自动装箱和拆箱: JavaScript 引擎在后台自动执行装箱和拆箱操作。
- 装箱 (Boxing): 当访问基本类型的属性或方法时，JavaScript 会创建一个对应的包装对象（Number、String、Boolean）。例如，'hello'.toUpperCase() 会先将字符串 'hello' 装箱成 String 对象，然后调用 toUpperCase() 方法，最后返回结果。
- 拆箱 (Unboxing): 装箱创建的包装对象是临时的。一旦操作完成，对象会被销毁，值会被还原成基本类型。
三种包装类型: JavaScript 提供了三种内置的包装类型：
- String：用于字符串基本类型。
- Number：用于数字基本类型。
- Boolean：用于布尔值基本类型。
- Symbol 和 BigInt 也有对应的包装对象，但使用场景相对较少。
临时性: 包装对象只在访问属性或方法的瞬间存在，之后立即被销毁。这意味着你不能持久地持有对包装对象的引用。例如，以下代码不会修改原始字符串：
```
let str = 'hello';
let strObject = new String(str); // 手动创建 String 对象
strObject.foo = 'bar'; // 修改包装对象
console.log(str.foo); // undefined，原始字符串不受影响
```
手动创建包装对象: 虽然不推荐，但你可以手动使用 new String()、new Number() 和 new Boolean() 创建包装对象。手动创建的对象不会像自动装箱那样短暂存在，它们会持续占用内存，除非被垃圾回收。一般情况下，应该避免手动创建包装对象，让 JavaScript 引擎自动处理装箱和拆箱即可。
null 和 undefined 没有包装对象: 尝试访问 null 或 undefined 的属性或方法会抛出 TypeError。

示例:

let num = 10;
console.log(num.toFixed(2)); // "10.00"，自动装箱成 Number 对象，调用 toFixed() 方法
let str = 'hello';
console.log(str.length); // 5，自动装箱成 String 对象，访问 length 属性
let bool = true;
console.log(bool.toString()); // "true"，自动装箱成 Boolean 对象，调用 toString() 方法

总结:

理解 JavaScript 包装对象的概念对于编写高效和正确的代码至关重要。记住，它们是临时的，用于提供对基本类型属性和方法的访问，并且通常情况下，你应该让 JavaScript 引擎自动处理装箱和拆箱。避免手动创建包装对象，除非你有非常特定的需求。

聊一聊对js包装对象的理解

您可能感兴趣的文章: