JavaScript中：修改数组长度后，变量引用为何保持不变？

在JavaScript中，修改数组长度的行为并非简单的元素删除，而是会影响到数组的内部结构。让我们来深入探讨一下。

以下代码片段展示了一个常见的误区：

<code class="javascript">const a = [1, 2, 3];
const b = a[1]; // b引用a[1]的值
a.length = 0;   // 将数组a的长度设置为0
console.log(a); // 输出：[]
console.log(b); // 输出：2</code>

问题： 为什么b仍然保持值为2，即使数组a已经被清空？

立即学习“Java免费学习笔记（深入）”；

解答：

关键在于b是数组a中元素值的引用，而不是对数组a本身的引用。 a.length = 0; 并没有改变b所引用的内存位置的值。它只是修改了数组a的长度属性，导致数组中所有元素都被移除。然而，b仍然持有之前赋值的数值2，因为这个值在内存中仍然存在，直到被垃圾回收机制清理。

这与直接将a赋值为空数组不同：

<code class="javascript">a = []; // 创建一个新的空数组，并赋值给a</code>

在这个例子中，a不再指向原来的数组，b的引用就失效了（可能导致错误，取决于运行环境）。

因此，a.length = 0 更像是对数组内容的“清空”操作，而非对数组本身的重新赋值。 变量b保持不变，是因为它仅仅持有数组元素的一个副本，而这个副本的值在数组长度修改后仍然存在。