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

在 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 引擎自动处理装箱和拆箱。 避免手动创建包装对象，除非你有非常特定的需求。

最新评论