JavaScript 原始数据类型和对应的对象类型（内置对象）之间的关系

JavaScript 的原始（primitive）数据类型包括包括数字（Number）、字符串（String）、布尔值（Boolean）、null、undefined、符号（Symbol，ES6 引入）和 BigInt（ES2020 引入）。这些原始数据类型是不可变的，没有属性或方法。

在 JavaScript 中，原始数据类型和内置对象（也称为对象类型或包装器对象）之间存在一种特殊的关系。

原始数据类型和对应的对象类型之间的关系：

理解原始数据类型和对象类型之间的关系需要注意的几个方面：

自动装箱（Autoboxing）：当你对一个原始数据类型的值使用属性或方法时，JavaScript 会自动将其转换（装箱）为对应的对象类型，这样就可以使用对象提供的方法和属性。例如，当你对一个字符串原始值调用 .length 属性时，JavaScript 会临时将其转换为 String 对象，然后访问其 length 属性。
原始值的不可变性：原始数据类型的值是不可变的，这意味着一旦创建，它们的值就不能改变。相反，对象是可变的，你可以改变其属性和方法。
性能考虑：使用原始数据类型通常比使用对象类型更高效，因为原始类型占用的内存更少，且没有对象的额外开销。
类型转换：你可以通过调用对象类型的方法来显式地将原始类型转换为对象类型，反之亦然。例如，String(123) 会将数字转换为字符串，而 Number("123") 会将字符串转换为数字。

JavaScript 提供了一些内置的构造函数，如 Number 和 String，这些构造函数可以用来创建对应原始类型的包装对象。这些包装对象是可以包含属性和方法的复杂数据类型。当你对一个原始类型的值调用方法时，JavaScript 会临时将其包装成一个对象，以便你可以调用这些方法。

原始类型的数字是不可变的值。当你对一个原始类型的数字进行操作时，实际上是在创建一个新的数字值。例如：

let num = 10;

num.toFixed(2); // "10.00"

在上面的例子中，toFixed 是一个方法，看起来像是直接被数字字面量 10 调用的。但实际上，JavaScript 在幕后将 10 临时转换成了一个 Number 对象，然后在这个对象上调用了 toFixed 方法。这个过程称为 “装箱”（boxing）。

Number 对象是通过 Number 构造函数创建的，它包含了数字的属性和方法。例如：

let numObject = new Number(10);

numObject.toFixed(2); // "10.00"

在这个例子中，numObject 是一个 Number 对象，它是一个包含原始数字值的复杂对象。

原始类型的字符串也是不可变的值。字符串有很多方法，比如 toUpperCase 和 charAt，这些方法可以被字符串字面量直接调用：

let str = "hello";

str.toUpperCase(); // "HELLO"

当调用 str.toUpperCase() 时，原始字符串 "hello" 被临时包装成一个 String 对象，然后在这个对象上调用 toUpperCase 方法。完成方法调用后，这个临时对象就被丢弃了。

String 对象是通过 String 构造函数创建的，它同样包含了字符串的属性和方法：

let strObject = new String("hello");

strObject.toUpperCase(); // "HELLO"

在这个例子中，strObject 是一个 String 对象。

需要注意的是，在实际编程中，我们通常直接使用原始数据类型，而不是显式创建对象类型，因为 JavaScript 引擎会根据需要自动进行装箱和拆箱操作。

换句话说，在实际编程中，我们通常直接使用原始数据类型，因为它们更简单、更高效。JavaScript 引擎会在需要时自动进行原始数据类型到对象类型的临时转换（装箱），以便我们可以利用对象上的方法和属性，这个过程对开发者来说是透明的，通常不需要手动创建这些对象。

并不是每个原始数据类型都有一个直接对应的对象类型，具体情况如下：

Number: 有一个对应的对象类型，即 Number 对象。

String: 有一个对应的对象类型，即 String 对象。

Boolean: 有一个对应的对象类型，即 Boolean 对象。

Symbol: 有一个对应的对象类型，即 Symbol 对象。

BigInt: 有一个对应的对象类型，即 BigInt 对象。

然而，对于 null 和 undefined，情况就不同了：

null: 没有对应的对象类型。null 表示“没有值”或“空值”，它通常用于指示变量未指向任何对象。

undefined: 同样没有对应的对象类型。undefined 表示变量已声明但未被初始化。

内置构造函数和它们创建的对象包装器：

Number: 这个构造函数用于创建数字的对象包装器。例如，new Number(123) 会创建一个包装了数字 123 的 Number 对象。

String: 这个构造函数用于创建字符串的对象包装器。例如，new String("text") 会创建一个包装了字符串 “text” 的 String 对象。

Boolean: 这个构造函数用于创建布尔值的对象包装器。例如，new Boolean(true) 会创建一个包装了布尔值 true 的 Boolean 对象。

Symbol: 用于创建符号的构造函数，它是 ES6 中引入的。例如，Symbol('description') 会创建一个具有描述的新符号。

BigInt: 用于创建大整数的构造函数，它是在 ES2020 中引入的。例如，BigInt(12345678901234567890) 会创建一个 BigInt 对象。