JavaScript 中可变对象和不可变对象之间的区别是什么？

在JavaScript中，对象可以被分为可变对象和不可变对象两类。

可变对象是指那些可以在创建后改变其内容和结构的对象。在JavaScript中，所有的对象（Object）、数组（Array）以及函数（Function）都是可变的。这意味着我们可以在创建这些对象后，添加新的属性或方法、改变其属性值、或者从对象中删除属性。

例如，当我们创建一个数组时，我们可以通过各种方法来改变这个数组：

javascript
let myArray = [1, 2, 3]; // 创建一个数组
myArray.push(4); // 向数组添加一个新元素
myArray[0] = 10; // 改变数组中第一个元素的值
console.log(myArray); // 输出: [10, 2, 3, 4]

在上面的例子中，我们创建了一个数组myArray，然后通过push方法添加了一个新元素，接着又修改了数组的第一个元素的值。这种改变数组内容的行为展示了数组是一个可变对象。

不可变对象，相对地，是指那些一旦创建后其内容就不能更改的对象。在JavaScript中，原始数据类型（如Number、String、Boolean、Null、Undefined、Symbol和BigInt）是不可变的。这意味着这些类型的值一旦创建，就不能被改变；如果需要一个改变后的值，实际上是创建了一个新的值。

举个例子，字符串的不可变性如下所示：

javascript
let myString = "Hello"; // 创建一个字符串
myString[0] = "M"; // 尝试改变字符串的第一个字符
console.log(myString); // 输出: "Hello"

在这个例子中，尽管我们尝试改变字符串myString的第一个字符，最终字符串仍然是原来的"Hello"。这表明尽管我们尝试对字符串进行了操作，但实际上字符串本身并没有改变，因为字符串是不可变的。如果我们想要一个不同的字符串，我们需要创建一个全新的字符串：

javascript
let myString = "Hello";
let newString = "M" + myString.substring(1); // 创建一个新字符串
console.log(newString); // 输出: "Mello"

在上面的例子中，newString是一个新的字符串，它是通过组合一个新的字符和原有字符串的一部分创建的，而原始的myString并未改变。

可变对象和不可变对象之间的这种区别对于理解如何在JavaScript中管理数据及其引用非常重要。不可变对象提供了值的稳定性，而可变对象提供了灵活性。在编写代码时，理解这些概念可以帮助避免一些常见的错误，例如因直接修改对象或数组而导致的意外副作用。