JavaScript原始值与包装对象的详细介绍

我来为你详细讲解“JavaScript原始值与包装对象的详细介绍”这个话题。

JavaScript原始值和包装对象介绍

在JavaScript中，原始值指的是不可变的基本类型数据，例如字符串、数字、布尔值等，而非原始值则是JavaScript提供的对象类型。在操作原始值时，JavaScript会自动创建一个临时的包装对象(Wrapper Object)，在操作包装对象时再将其转换回原始值。

包装对象的创建

包装对象的创建是隐式的，基本类型值会在必要时自动转换为它们的包装对象。例如，当访问字符串（String）的属性时，JavaScript会自动创建一个字符串包装对象，然后会立即丢弃该对象。

示例1：

var str = "Hello";
var strObj = str.toLowerCase(); // 创建 'Hello' 的String对象，并在之后删除

示例2：

var str = "123";
var num = str.length; // 创建 '123' 示例的String对象，并在之后删除

包装对象的属性和方法

包装对象具有一些通用的属性和方法。

属性

• constructor(构造函数)：返回对创建包装对象的函数的引用。
• prototype(原型)：返回对象类型的原型。
• valueOf()：返回原始值的包装对象。
• toString()：返回原始值的字符串表示。

方法

• toFixed()：将数字四舍五入为指定的小数位数并返回字符串表示。
• toLocaleString()：返回表示数字格式化为本地数字的字符串。
• toPrecision()：返回根据指定精度格式化后的字符串表示。
• valueOf()：将包装对象转换为原始值。
• toString()：返回包装对象的字符串表示。

示例3：

var num = 123;
var numObj = new Number(num); // 手动创建 '123' 数值的Number对象
var numVal = numObj.valueOf(); // 获取包装对象的原始值

console.log(numVal); // 输出 123

操作包装对象

当对包装对象执行操作时，会自动转换为原始值。

示例4：

var num = 123;
var numObj = new Number(num); // 手动创建 '123' 数值的Number对象
var sum = numObj + 1; // 因为操作包装对象，所以将其转换为原始值再进行相加

console.log(sum); // 输出 124

总结

JavaScript自动将原始类型转换为对应的包装对象用于操作，包装对象具有通用的属性和方法，当对包装对象执行操作时，会自动转换为相应的原始值。因此，在使用JavaScript时需要注意原始值和包装对象的转换和使用。