深入剖析包装类：揭秘 Number、String 和 Boolean 的奥秘

前端

2023-12-29 23:14:56

包装类：JavaScript 基本类型值的强大扩展

简介

在 JavaScript 的世界中，我们处理两种类型的值：基本类型值 （数字、布尔值、undefined）和引用类型值 （对象、函数、null）。基本类型值是不可变的，意味着它们的值一旦被设定，就无法改变。

为了扩展基本类型值的功能，JavaScript 提供了 包装类 ：Number()、String() 和 Boolean()。这些包装类充当了基本类型值的“容器”，使我们能够通过提供额外的属性和方法来操作它们。

Number() 包装类

Number() 包装类将基本类型的数字值转换为一个对象。这个对象提供了许多有用的方法，比如：

toFixed()：格式化数字，保留指定的小数位数
toLocaleString()：以本地化格式显示数字
toString()：将数字转换为字符串

示例：

// 基本类型值
const number = 123.45;

// 转换为 Number 对象
const numberObject = new Number(number);

// 使用 Number() 包装类方法
console.log(numberObject.toFixed(2)); // 输出：123.45
console.log(numberObject.toLocaleString()); // 输出：123.45
console.log(numberObject.toString()); // 输出："123.45"

String() 包装类

String() 包装类将基本类型的字符值转换为一个对象。这个对象同样提供了许多有用的方法，比如：

charAt()：返回指定位置的字符
charCodeAt()：返回指定位置字符的 Unicode 代码
indexOf()：返回子串在字符串中的首次出现位置

示例：

// 基本类型值
const string = "Hello World";

// 转换为 String 对象
const stringObject = new String(string);

// 使用 String() 包装类方法
console.log(stringObject.charAt(0)); // 输出：H
console.log(stringObject.charCodeAt(0)); // 输出：72
console.log(stringObject.indexOf("World")); // 输出：6

Boolean() 包装类

Boolean() 包装类将基本类型的布尔值转换为一个对象。这个对象提供了方法，比如：

toString()：将布尔值转换为字符串
valueOf()：返回布尔值

示例：

// 基本类型值
const bool = true;

// 转换为 Boolean 对象
const boolObject = new Boolean(bool);

// 使用 Boolean() 包装类方法
console.log(boolObject.toString()); // 输出：true
console.log(boolObject.valueOf()); // 输出：true