JavaScript 中的包装类型

包装类简介

在 JavaScript 中， 基本类型是没有属性和方法的， 但是为了便于操作基本类型的值， 在调用基本类型的属性或方法时 JavaScript 会在后台隐式地将基本类型的值转换为对象

JavaScript提供了三种包装类：String、Number、Boolean。

​​​1、String包装类

• 可以在字符串上调用各种方法，如 length、chartAt()、subString()、 toUpperCase() 等。

var str = 'hello world';
console.log(str.toUpperCase()); // 输出 "HELLO WORLD"

 2、Number包装类

• 可以在数字上调用各种方法，如 toFixed()、toPrecision()等。

var num = 10; var numObject = new Number(num);

3、Boolean包装类

• 可以在布尔值上调用方法，如 subString() 等。

var bool = true; var boolObject = new Boolean(bool);

自动装箱与自动拆箱

JavaScript在需要时自动创建和销毁这些对象，这个自动包装和拆包的过程通常被称为：自动装箱（boxing）和自动拆箱（unboxing）。

• 自动装箱（boxing） ：当你使用基本数据类型的值（如字符串、数字、布尔值）调用对象方法或访问属性时，JavaScript会自动创建对应的包装对象，以便执行操作。这将基本数据类型封装到一个对象中，使你能够访问对象的方法和属性。这是发生在需要对象而提供基本数据类型的情况下的过程。
• 自动拆箱（unboxing） ：当你完成对包装对象的操作后，JavaScript会自动将其拆箱，将包装对象转换回基本数据类型的值。这使得你可以在不需要对象的情况下，以基本数据类型的形式继续使用值。

 常见问题和注意事项

• 性能开销：自动装箱和自动拆箱会引入额外的性能开销。创建对象包装器和执行转换可能会导致性能下降，特别是在大规模循环或高频率的操作中。
• 类型不匹配：由于自动装箱和拆箱，可能会导致类型不匹配的问题。比如，如果你期望一个值是基本数据类型，但它实际上是一个对象，可能会导致错误或不一致的行为。
• 对象引用：当你比较两个对象包装器时，它们的引用而非值会被比较。这可能导致不期望的结果，因为两个包装器即使包装的是相同的值，它们的引用也不相等。

  var num1 = 42;
  var num2 = 42;
  console.log(num1 === num2); // true
  
  var numObj1 = new Number(42);
  var numObj2 = new Number(42);
  console.log(numObj1 === numObj2); // false

• 陷阱在条件语句中：在条件语句中，自动装箱可能导致出乎意料的结果。

  var num = 0;
  if (num) {
    // 这里的代码会执行，即使num是0，因为0被视为假
  }
  
  var numObj = new Number(0);
  if (numObj) {
    // 这里的代码不会执行，因为对象总是视为真
  }
  

• 隐式类型转换问题：在表达式中混合使用基本数据类型和对象包装器可能导致隐式类型转换，这可能导致不直观的行为。

 总结

• 尽可能使用基本数据类型而不是对象包装器。
• 明确了解自动装箱和拆箱的行为，以便明确何时发生转换。
• 使用 ===（严格相等）进行比较，以避免引用比较问题。
• 谨慎处理隐式类型转换，避免混合不同类型的值。
• 在性能关键的部分，尤其是循环中，考虑避免频繁的自动装箱和拆箱操作。

 此处引用了一下博主的优秀文章，万分感谢！

原文链接：https://blog.csdn.net/weixin_62728130/article/details/134000391