在JavaScript中，原始值（Primitive Values）如字符串（String）、数字（Number）、布尔值（Boolean）、null、undefined以及Symbol（ES6引入）是基本的数据类型，它们不具有属性或方法。然而，在实际编程过程中，我们有时需要对这些原始值进行操作，比如获取一个字符串的长度或者将一个数字转换为不同的进制表示。为了解决这个问题，JavaScript 引入了“包装类”（Wrapper Objects）的概念。
原始值与包装类
包装类是JavaScript为了方便操作原始值而设计的一种机制。每当尝试访问原始值的属性或调用其方法时，JavaScript引擎（如V8）会临时创建一个对应类型的对象（即包装类的实例），这个对象拥有可以操作原始值的方法和属性。操作完成后，这个临时对象会被立即销毁，以保持原始值本身的不可变性和轻量性。
具体来说，有三种主要的包装类，分别对应三种基本的原始值类型：
- String：用于字符串的包装对象。例如，
"hello".length实际上是创建了一个临时的 String 对象来访问其length属性。 - Number：用于数字的包装对象。允许调用如
toFixed()这样的方法。 - Boolean：用于布尔值的包装对象，尽管它的使用相对较少，因为布尔值的操作通常较为简单。
valueOf 与原始值的试探
valueOf 是JavaScript中所有对象都继承的一个方法，它用于返回对象的原始值或者基本数据类型值。当V8引擎遇到尝试给原始值添加属性或方法的操作时，它实际上是在包装类的实例上进行操作。但是，一旦操作完成，V8会通过调用包装类实例的 valueOf 方法来确保返回的是原始值本身，而不是包装对象。这一过程保证了原始值的不变性，即原始值不能拥有自己的属性或方法。
示例解析
考虑以下代码示例：
var str='abcde'//new String('abcde');
str.length=2;//new String('abcde').length=2;
//str.valueOf();===>>>'abcde'
//delete str.length;
console.log(str.length);//输出5
在这个例子中，当我们尝试调用 length 属性时，JavaScript会自动创建一个 String 的包装对象，然后改变length的值，操作完成后V8开始调用包装实例的 valueOf 方法，发现返回的是'abcde'，于是秉承原始值不能具有属性和方法的这一规则，再移除掉给包装类添加的属性。
为何最终输出的是5呢？
这是因为第一次尝试调用 length 属性时创建了一个 String 的包装对象，使用完后便被删除了。输出时是再一次的尝试调用 length 属性，将会再重新创建一个String 的包装对象，使用完后再删除。
注意事项
- 性能考量：频繁地创建和销毁包装对象可能影响性能，特别是在大量操作原始值的场景下。因此，直接操作原始值通常更为高效。
- typeof 操作符：即使在使用包装类的方法时，
typeof操作符仍会返回原始值的类型，而非 "object"。 - 自定义包装类：开发者也可以创建自定义的包装类来增强原始值的功能，但需谨慎处理以避免不必要的复杂性和性能开销。
结论
包装类是JavaScript提供的一种优雅机制，它使得开发者能够像操作对象一样操作原始值，同时保持了原始值的轻量和不可变性。理解这一机制对于深入学习JavaScript语言核心特性至关重要，也有助于写出更加高效、清晰的代码。
