JS原始值创生背后不为人知的秘密

原始值在内存中的存储方式

JavaScript中的原始值存储在栈（stack）中。栈是一种数据结构，它遵循“后进先出”（Last-In-First-Out）的原则。这意味着最后进入栈中的值将是第一个被访问和删除的值。栈通常用于存储临时数据或函数参数，因为它们需要快速访问。

创建原始值

当我们在JavaScript中声明一个原始值变量时，JavaScript引擎会自动创建一个该值在内存中的副本。例如，当我们声明一个字符串变量如下：

let name = "John";

JavaScript引擎会创建一个新的字符串对象，并将字符串“John”存储在该对象中。这个字符串对象存储在栈中，变量name引用该字符串对象。因此，当我们访问变量name时，实际上是在访问字符串对象中的值。

原始值的不可变性

JavaScript中的原始值是不可变的，这意味着一旦创建，我们就无法更改它们的值。这是因为原始值存储在栈中，栈是一种后进先出（LIFO）的数据结构，这意味着最后进入栈中的值将是第一个被访问和删除的值。因此，如果我们想更改原始值的值，我们需要创建一个新的原始值对象并将其赋给变量。例如：

let name = "John";
name = "Jane";

在这个例子中，我们首先创建了一个字符串变量name并将其值设置为“John”。然后，我们尝试将name的值更改为“Jane”。然而，由于name是一个原始值，因此我们无法更改它的值。JavaScript引擎将创建一个新的字符串对象并将其值设置为“Jane”，并将该对象赋给变量name。因此，变量name现在引用新的字符串对象，而旧的字符串对象将被删除。

类型转换

在JavaScript中，我们可以使用运算符将一种类型的原始值转换为另一种类型。例如，我们可以使用加号运算符（+）将数字转换为字符串，也可以使用减号运算符（-）将字符串转换为数字。

当我们对原始值使用运算符时，JavaScript引擎会创建一个新值，而原始值本身保持不变。例如，当我们使用加号运算符将数字10和字符串“20”相加时，JavaScript引擎会创建一个新的字符串对象，并将字符串“1020”存储在该对象中。这个字符串对象存储在栈中，而变量result引用该字符串对象。因此，当我们访问变量result时，实际上是在访问字符串对象中的值。

原始值与对象

原始值与对象是JavaScript中两种不同的数据类型。原始值是不可变的，存储在栈中，而对象是可变的，存储在堆中。堆是一种数据结构，它允许我们存储大量数据，并且可以随时访问和更改数据。

typeof运算符

我们可以使用typeof运算符来检查变量的数据类型。typeof运算符返回一个字符串，该字符串表示变量的数据类型。例如，我们可以使用typeof运算符检查变量name的数据类型如下：

let name = "John";
console.log(typeof name); // "string"

在这个例子中，typeof运算符返回字符串“string”，因为name是一个字符串变量。

总结

在本文中，我们讨论了JavaScript原始值的创建过程，揭开了这些看似简单的数据类型背后的故事。我们了解了原始值在内存中的存储方式、原始值的不可变性、类型转换以及原始值与对象的区别。我们还学习了如何使用typeof运算符来检查变量的数据类型。希望这些知识能够帮助你更好地理解JavaScript中的原始值。